2018年9月-10月前端学习总结——jq的几个dom操作的方法

小希kk

于 2018-10-29 17:09:28 发布

阅读量252

点赞数

分类专栏：前端学习小积累文章标签： :gt() :lt() find() sublings() jquery

本文链接：https://blog.youkuaiyun.com/kk211814/article/details/83508732

版权

前端学习小积累专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了jQuery中siblings(), find(), children(), :gt 和 :lt 选择器的使用方法及区别。siblings()用于获取元素的兄弟节点，find()用于获取后代元素，children()则仅限于直接子元素。:gt 和 :lt 选择器基于元素的index值选取特定范围内的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.siblings()

获得匹配集合中每个元素的同胞(兄弟节点)，通过选择器进行筛选是可选的。

用法：

$("p").siblings(".selected")//查找每个 p 元素的所有类名为 "selected" 的所有同胞元素

2.find()

返回被选元素的后代元素。相当于css中的后代选择器 .parent .familymembers

后代是子、孙、曾孙，依此类推

children() 方法返回被选元素的所有【直接子元素】

3.jq伪类 :gt :lt

（1）:gt 选取 index 值大于指定数的元素。index从0开始。

$（'.wrap .hotlist:gt(3)')//获取wrap下类名为hotlist的【下标】为3之后的元素，从4开始（>3）

（2）:lt 选取 index 值小于指定数的元素。index从0开始。

$（'.wrap .hotlist:lt(3)')//获取wrap下类名为hotlist的【下标】为3之前的元素，0到2（<3）

（3）:lt 和 :gt结合使用

$（'li:gt(3):lt(4)')//获取下标为4开始数7个的元素,即下标为4 5 6 7四个li元素