页面元素选择二（jQuery学习随笔二）

1.5 位置选择器

位置选择器根据在DOM里的位置来选择元素。

1、:first 页面的最先的匹配。li a:first返回最先的、并且在列表（<li/>）项下的所有<a/>元素。

2、:last 页面的最后的匹配。li a:last返回最后的、并且在列表（<li/>）项下的所有<a/>元素。

3、:first-child 最先的子元素。li:first-child返回每个列表的最先的<li/>元素。

4、:last-child 最后的子元素。li:last-child返回每个列表的最后的<li/>元素。

5、:only-child 返回没有熊德节点的所有元素。

6、:nth-child(n) 第n个子节点（n从1开始）。li:nth-child(2)返回每个列表的第2个<li/>元素。

7、:nth-child(even|odd) 偶数或奇数的子节点。li:nth-child(even)返回每个序列的偶数<li/>子节点

8、:even或:odd 页面范围内偶数后结束的匹配元素。li:even返回全部偶数<li/>元素。

9、:eq(n) 第n个匹配元素（n从0开始）。

10、:gt(n) 第n个匹配元素（不包括）之后的元素（n从0开始）。

11、:lt(n) 第n个匹配元素（不包括）之前的元素（n从0开始）。

1.6 自定义选择器

jQuery自定义的筛选选择器赋予标识目标元素的无穷力量。

1、:animated 选择当前处于动态控制下的元素。

2、:button 选择任何按钮。

3、:checkbox 只选择复选框元素（input[type=checkbox]）。

4、:contains(foo) 只选择包含文本foo的元素。

5、:disabled 只选择在界面上已经禁用的表单元素（为CSS所支持）。

6、:enabled 只选择在界面上已经启用的表单元素（为CSS所支持）。

7、:checked 只选择已经选择的复选框或者单选按钮（为CSS所支持）。

8、:file 选择所有文件元素（input[type=file]）。

9、:header 只选择标题元素（<hn/>，n代表数字1到6）。

10、:hidden 只选择隐藏元素。

11、:image 选择表单图像元素（input[type=image]）。

12、:input 只选择表单元素（<input/>、<select/>、<textarea/>、<button/>）。

13、:not(filter) 根据指定的筛选器进行求反。

14、:parent 只选择拥有后代节点（包括文本）的元素，而排出空元素。

15、:password 只选择口令元素（input[type=password]）。

16、:radio 只选择单选按钮元素（input[type=radio]）。

17、:reset 选择复位按钮元素（input[type=reset]或button[type=reset]）。

18、:selected 选择已选中的选项元素。

19、:submit 选择提交按钮元素（button[type=submit]或input[type=submit]）。

20、:text 只选择文本字段元素（input[type=text]）。

21、:visible 只选择可见元素。

注意：

1、筛选选择器与查找选择器之间的差异：筛选选择器，通过对元素应用更高的选择标准，缩小正在匹配的元素的集合；查找选择器，比如后代选择器（空格符）、子节点选择器（>）以及兄弟节点选择器（+），则查找与已选择元素具有某种关系的其他元素，而不是通过标准应用于已匹配元素来限制匹配范围。

2、在筛选选择器的前面必须紧跟元素，否则就是不能进行筛选。

3、筛选选择器的标识是冒号（:）或左方括号（[）开头。