jquery之选择将被操作的元素(通过位置选择)
2011-03-25 17:51
375 查看
jquery之选择将被操作的元素(通过位置选择)
----------
有时候,必须根据元素在页面上的位置或者与其他元素的关系去选择元素。也许你想要选择页面上的第一个链接、奇数或偶数的段落,或者每个列表的最后一项。jquery支持实现过些具体选择的机制。
例如,思考:
a:first
此格式的选择器匹配页面上的第一个<a>元素。
怎样选择序数为偶数(或奇数)的元素呢?
p:odd
这个选择器匹配所有序数为奇数的段落元素。当然,也可以选择序数为偶数的元素
p:even
另一种形式:
li:last-child
选择父元素的最后子节点。
jquery支持的位置选择器:根据在DOM里的位置来选择元素
选择器 描述
:first 页面的最先的匹配。如:li a:first返回最先的,并且在列表(<li>)项下的链接
:last 页面的最后的匹配。如:li a:last返回最后的,并且在列表(<li>)项下的链接
:first-child 最先的子元素。如:li:first-child返回每个列表的最先的项
:last-child 最后的子元素。如:li:last-child返回每个列表的最后的项
:only-child 如果某个元素是父元素中唯一的子元素,那将会被匹配
:nth-child(n) 第n个子节点(n从1开始)如:li:nth-child(2)返回每个列表的第2个<li>项
:nth-child(even|odd) 偶数或奇数子节点,如:li:nth-child(even)返回每个序列的偶数子节点
:nth-child(Xn+Y) 根据传入的公式计算的第n个子节点。如果Y为0,则忽略Y。n从0开始,且Y不等于0
。如:li:nth-child(3n)返回3的倍数的项,而li:nth-child(5n+1)返回5的倍数的项的下一项。
:even或:odd 页面范围内偶数或奇数的匹配元素。如:li:even返回全部偶数<li>项
:eq(n) 第n个匹配元素(n从0开始)
:gt(n) 第n个匹配元素(不包括)之后的元素(n从0开始)
:lt(n) 第n个匹配元素(不包括)之前的元素(n从0开始)
选择器nth-child从1开始计数,而其他选择器从0开始计数。为了与CSS兼容,nth-child从1开始计数,但是jquery自定义的选择器遵循更为常见的从0开始的编程惯例。
----------
有时候,必须根据元素在页面上的位置或者与其他元素的关系去选择元素。也许你想要选择页面上的第一个链接、奇数或偶数的段落,或者每个列表的最后一项。jquery支持实现过些具体选择的机制。
例如,思考:
a:first
此格式的选择器匹配页面上的第一个<a>元素。
怎样选择序数为偶数(或奇数)的元素呢?
p:odd
这个选择器匹配所有序数为奇数的段落元素。当然,也可以选择序数为偶数的元素
p:even
另一种形式:
li:last-child
选择父元素的最后子节点。
jquery支持的位置选择器:根据在DOM里的位置来选择元素
选择器 描述
:first 页面的最先的匹配。如:li a:first返回最先的,并且在列表(<li>)项下的链接
:last 页面的最后的匹配。如:li a:last返回最后的,并且在列表(<li>)项下的链接
:first-child 最先的子元素。如:li:first-child返回每个列表的最先的项
:last-child 最后的子元素。如:li:last-child返回每个列表的最后的项
:only-child 如果某个元素是父元素中唯一的子元素,那将会被匹配
:nth-child(n) 第n个子节点(n从1开始)如:li:nth-child(2)返回每个列表的第2个<li>项
:nth-child(even|odd) 偶数或奇数子节点,如:li:nth-child(even)返回每个序列的偶数子节点
:nth-child(Xn+Y) 根据传入的公式计算的第n个子节点。如果Y为0,则忽略Y。n从0开始,且Y不等于0
。如:li:nth-child(3n)返回3的倍数的项,而li:nth-child(5n+1)返回5的倍数的项的下一项。
:even或:odd 页面范围内偶数或奇数的匹配元素。如:li:even返回全部偶数<li>项
:eq(n) 第n个匹配元素(n从0开始)
:gt(n) 第n个匹配元素(不包括)之后的元素(n从0开始)
:lt(n) 第n个匹配元素(不包括)之前的元素(n从0开始)
选择器nth-child从1开始计数,而其他选择器从0开始计数。为了与CSS兼容,nth-child从1开始计数,但是jquery自定义的选择器遵循更为常见的从0开始的编程惯例。
相关文章推荐
- 总结一下jQuery操作元素节点的方法(创建、选择、插入节点)
- 初识jQuery,八字真言“选择元素,对其操作”
- jquery通过操作dom来获取第一个子元素
- 深入学习jQuery元素尺寸和位置操作
- jquery之选择将被操作的元素(利用自定义jquery选择器)
- JQuery操作元素的属性与样式及位置
- JQuery操作元素的属性与样式及位置
- JQuery操作元素的属性与样式及位置
- 通过 jQuery,对 CSS 元素进行操作。
- jQuery选择器 标签选择元素+css简单添加移除操作
- JQuery操作元素的属性与样式及位置
- JQuery插件第三十二个:拖动某个元素并通过提示框告知该元素框位置
- jquery之选择将被操作的元素(CSS选择器)
- JQuery 将选择器进行缓存 便于大量操作表格或其他页面元素
- 深入学习jQuery元素尺寸和位置操作
- jQuery第二课 ——节点选择、元素创建与操作、包装对象、jq转原生js
- jQuery碎语(1) 基础、选择要操作的元素、处理DOM元素
- 利用jQuery选择将被操作的元素
- jquery操作元素的位置
- javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)