jquerry 遍历

最新推荐文章于 2020-12-28 10:41:02 发布

loveWEBmin

最新推荐文章于 2020-12-28 10:41:02 发布

阅读量278

点赞数

分类专栏： jQuerry

本文链接：https://blog.csdn.net/cout__waht/article/details/81904264

版权

jQuerry 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

筛选:

.eq( index )

减少匹配元素的集合为指定的索引的哪一个元素。
一个整数，指示元素的位置，以0为基数。
-index 一个整数，指示元素的位置，从集合中的最后一个元素开始倒数
$('li').eq(2) 第三个li
$('li').eq(-2) 倒数第二个

.filter()

$('li').filter(':even')
$('li').filter(function(index) { return true }); 函数返回boolean值表示是否取改值
$("div").css("background", "#c8ebcc").filter('.myClass');

.first() .has() .is() .last() .not() .slice()

.first() 获取匹配元素集合中第一个元素。
.has() 筛选匹配元素集合中的那些有相匹配的选择器或DOM元素的后代元素(用于检测后代元素) $("ul").has("li")
.is() 判断当前匹配的元素集合中的元素 ,返回bool值 $target.is("li")
.last() 获取匹配元素集合中最后一个元素。
.not() 从匹配的元素中删除不符合的集合 $('li').not(':even')
.slice([begin [,end] ]) (不包括 end,index从0开始计数)
$('li').slice(2) 第三个到最后一个
$('li').slice(2, 4) 第三个和第四个|
$('li').slice(-3, -1) 倒数第三个和倒数第二个

各种遍历

.add() .contents() .each() .end()

.add() 创建一个新的jQuery对象，元素添加到匹配的元素集合中。
$('li').add('p').css('background-color', 'red')=$('li').add(document.getElementsByTagName('p')[0])
.contents() 获得匹配元素集合中每个元素的子元素，包括文字和注释节点. 没有参数
.each( function(index, Element) ) 遍历一个jQuery对象，为每个匹配元素执行一个函数。
.end() 终止在当前链的最新过滤操作，并返回匹配的元素的以前状态。
$('ul.first').find('.foo').css('background-color', 'red').end().find('.min').css('background-color', 'red')

树遍历

.addBack() .children() .closest( selector ) .find()

addback() 添加堆栈中元素集合到当前集合，一个选择性的过滤选择器。
$('li.third-item').nextAll().addBack() =>{<li>,<li>} .add(li.third-item) = {[<li.third-item>,<li>,<li> ]}

.children() 获得匹配元素集合中每个元素的子元素，者只是针对向下一个级别的DOM树,不包括文本节点,文本节点用.contains()

.closest( selector )
closest()从元素本身开始，在DOM 树上逐级向上级元素匹配，并返回最先匹配的元素
$('li.item-a').closest('ul')

.find()
$('li.item-ii').find('li').css('background-color', 'red');
得到当前匹配的元素集合中每个元素的后代。

.next() .nextAll() .prev() .prevAll() .parent() .parents()

.siblings() nextUntil() prevUntil() parentUntil()

.next() 得匹配的元素集合中每一个元素紧邻的后面的第一个同辈元素的元素集合

.nextAll() 获得每个匹配元素集合中所有下面的同辈元素

.parent() 得匹配元素集合中，每个元素的父元素

.parents() 得匹配元素集合中，每个元素的祖先元素,包括自身,并且祖先元素到<html>标签

siblings() 获得匹配元素集合中每个元素的兄弟元素,

nextUntil() $("#term-2").nextUntil("dt") 知道遇到什么元素,但不包括该元素

loveWEBmin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquerry 遍历

筛选:.eq( index ) 减少匹配元素的集合为指定的索引的哪一个元素。一个整数，指示元素的位置，以0为基数。-index 一个整数，指示元素的位置，从集合中的最后一个元素开始倒数$('li').eq(2) 第三个li$('li').eq(-2) 倒数第二个.filter()$('li').filter(':even')$('li').filter(functi...
复制链接

扫一扫