JQuery学习笔记 选择器 - 小结1

对应Jquery选择器开始前的三个例子，用jQuery来改写就是：

1、 给网页中所有<p>元素添加onclick事件

$("p").click(function(){

...

}

)

2、隔行改变背景色

$("#tb tbody tr:even").css("backgroundColor","#888");

3、计数checkbox勾选的个数

$("#btn").click(function(){

var items=$("input[name='check']:checked");

alert("选中的个数为"+items.length);

})

 

注意事项

1 选择器中含有· 、 # ( [ ]等特殊字符，需要进行转义

<div id="id#b">bb</div>

<div id="id[1]">cc</div>

 

$("#id\\#b")

$("#id\\[1\\]")

 

注意选择器中的空格

 

<div class="test">

<div style="display:none">aa</div>

<div style="display:none">bb</div>

<div style="display:none">cc</div>

<div class="test" style="display:none">dd</div>

</div>

<div class="test" style="display:none">ee</div>

<div class="test" style="display:none">ff</div>

 

$(".test :hidden").length  --- 4 (后代选择器，选择的是class为test的元素中包含的过滤器)

$(".test:hidden").length  ---- 3 (过滤选择器，选取class为test的隐藏元素)