jquery的选择器总结

1.$(document).ready、body.Onload()和 $(window).load的区别




2.选择器大总结


元素选择器：
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。




属性选择器：
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。




CSS 选择器：
$("p").css("background-color","red");设置单个属性 注意建个是逗号， 区别设置多个属性的：和，和{}
上面的代码等价于$("p").css({"background-color":"red"}）；
$("p").css({"background-color":"red","font-size":"200%"});设置多个属性要用{}
alert("Background color = " + $("p").css("background-color"));获得css的属性








3.组合 要记住
$(document).ready(function(){
$("button").click(function(){
$("p").css({"background-color":"red"});
});
});