jQuery选择器

选择器

查找当前元素相关元素

.eq(index), .get([index])

对于一个特定结果集，获取到指定index的jQuery对象

$('div').eq(3) // 获取结果集中的第四个jQuery对象

例：

.eq.png

兄弟元素获取

.next([selector]), .prev([selector])

next取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器，那么只有再紧跟着的兄弟元素满足选择器时，才会返回元素。prev相反，获取元素之前的同辈元素

$('.text').prev('li')/.next()

例:

.next.png

.nextAll([selector]), .prevAll([selector])

nextAll获得每个匹配元素集合中每个元素所有后面的同辈元素，选择性筛选的选择器，prevAll与之相反，获取元素前面所有的同辈元素

例：

.nextAll.png

.siblings([selector])

获得匹配元素集合中每个元素的兄弟元素，可以提供一个可选的选择器

$('li.item').siblings()

例：

.siblings.png

父子元素获取

.parent([selector])

取得匹配元素集合中，每个元素的父元素，可以提供一个可选的选择器

$('li.item').parent()

.parents([selector])

获得集合中每个匹配元素的祖先元素，可以提供一个可选的选择器做参数

$('li-irem').parents('div')

.children([selector])

获得匹配元素集合中的每个元素的子元素，选择器选择性筛选

$('ul').children()

.find([selector])

查找符合选择器的后代元素

$('ul').find('li.xxx')

例：

.find.png

筛选当前结果集

.first()

获得当前结果集中的第一个对象

例：

.first.png

.last()

获取当前结果集的最后一个对象

例：

.last.png

.filter(selector), .filter(function(index))

筛选当前结果集中符合条件的对象，参数可以是一个选择器或者一个函数

例：

.filter(function).png

.not(selector), .not(function(index))

从匹配的元素集合中移除指定的元素，和filter相反

例：

.not.png

.is(selector),is(function(index)),is(dom/jqObj)

判断当前匹配的元素集合中的元素是否为一个选择器，DOM元素，或者jQuery对象，如果这些元素至少一个匹配给定的参数，那么返回true

例：

.is.png

.has(selector), .has(dom)

筛选匹配元素集合中的哪些有相匹配的选择器或DOM元素的后代元素

例：

.has.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

jQuery选择器