Jquery选择器总结

Jquery中的选择器通用的格式为：

$("selector")
这里的selector总的来说可以按照几种类别进行选择：

（1）按照元素的名称选

这时直接写元素的名称即可，此时返回的是所有该名称元素的集合。如：

$("a")  //选择所有的<a>元素，是个集合数组
$("p")  //选择所有的<p>元素

（2）按照元素的id属性选择

这时selector的格式为：#id，此时返回的是第一个匹配的id属性的元素，注意：不是一个集合。

$("#idName")  //选择第一个id属性值为idName的元素。

（3）按照元素的css样式类选

这时selector的格式为：.className，此时返回的是所有class属性为className的元素集合

$(".className")  //选择所有class属性为className的元素集合

（4）按照元素的type类型选，通常用于input元素

这时的selector的格式为：:typeName ，返回是所有type类型为typeName的元素

$(":text")  //返回是所有type类型为text的元素

（5）按照元素的属性选

这时的selector的格式为：[attributeName] ，此时，还能对属性的值做一些限制。如：

$("[herf]")  //选择所有包含href属性的元素。
$("[href = "#"]")  //选择所有包含href属性且值为#的元素
$("[href != "#"]")  //选择所有包含href属性且值不为#的元素。
$("[href $= ".img"]")  //选择所有包含href属性，且值的尾部为.img的元素

注意：$= 是一个“结尾等”运算符，按照后缀匹配的规则选择元素。

（6）元素的嵌套选择

这时selector的格式为：father child:restrict ，这里的restrict是对子元素的限制条件，是可选的。不写即选择所有的子元素。限制条件常用的可以有两种写法：

a. nth-child(number || even || odd)  

说明：number给出一个数字，表明是第几个孩子。even选择偶数孩子，odd选择奇数孩子。

b. eq(number)  lt(number)  gt(number)

说明：eq(number)  number给出一个数字，表明选择的是等于索引为几的孩子（索引从0开始）

            lt(number)    选择索引小于number的所有孩子

            gt(number)   选择索引大于number的所有孩子

示例：

$("table tr:nth-child(even)")  //选择table元素下所有的索引为偶数的tr元素
$("table tr:nth-child(3)")  //选择table元素下索引为3的tr元素
$("ul li:eq(3)")  //选择ul元素下的索引为3的li子元素
$("ul li:lt(3)")  //选择ul元素下的索引小于3的li子元素。

更多的示例可以参考： http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp