首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

页面元素抉择二(jQuery学习随笔二)

2012-07-30 
页面元素选择二(jQuery学习随笔二)1.5位置选择器位置选择器根据在DOM里的位置来选择元素。1、:first页面的最

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

热点排行