页面元素选择二(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、筛选选择器的标识是冒号(:)或左方括号([)开头。