jquery遍历

1 、过滤:除了 .is() 这个方法之外的所有方法都会产生一个新的 jQuery 对象
1 .eq() :减少匹配元素的集合为指定的索引的哪一个元素(就是说是利用索引值来指定元素的)
<1> 接收一个参数:正(从 0 开始计数) / 负(从 -1< -2 再到 -3 以此类推 > 开始从后向前计数)索引值
<2> 只能定位一个元素
2 .filter() :筛选元素集合中匹配表达式 / 通过传递函数测试的那些元素集合
<1> 可以定位多个元素
<2> 参数有很多种:选择器 / 函数 function/ 元素 / 对象
3 .first() :获取匹配元素集合中的第一个元素
<1> 不接收任何参数
4 .last() :获取匹配元素集合中最后一个元素
<1> 不接收任何参数
5 .has() :筛选匹配元素集合中的那些有相匹配的选择器 /DOM 元素的后代元素
<1> 参数是选择器 / 元素
<2>.has( “” ) 括号里面填的是选择选择器 / 元素里面的什么内容进行编辑
6 .is() :判断当前匹配的元素集合中的元素是否为一个选择器、 DOM 元素或 jQuery 对象,如果这些元素至少一个匹配给定的参数就返回 true
<1> 并不是创建一个新的 jQuery 对象,只是允许检测 jQuery 对象里面的内容而不加修改
<2> 通常是在回调函数内使用该方法
<3> 只接收一个参数:元素 / 对象 / 函数 / 选择器
7 .not() :从匹配的元素集合中移除指定的元素
<1> 表示不是什么的时候就给它一个怎样的操作
8 .map() :通过一个函数匹配当前集合中的每个元素,产生一个包含新的 jQuery 对象
<1> 该方法的参数是一个回调函数:会在处理集合中的每一个元素时都会被调用
9 .slice() :根据指定的下标范围过滤匹配的元素集合,并生成一个新的 jQuery 对象
<1> 接收两个参数:第一个参数是起始下标(可为正 < 从头开始计数 >/ < 从末尾开始计数 > 值),第二个参数是终止下标。选择的范围就是从起始下标开始到终止下标结束(包含首不包含尾)
<2> 只有一个参数的时候就表示从其实坐标一直到最后(这里就包含尾了)
2 、其他遍历
1 .add() :添加元素到匹配的元素集合
<1> 可接受所有类型的参数
<2> 表示“和”的意思
2 .contents() :或的匹配元素集合中每个元素的子元素,包括文字和注释点
<1> .shildren() 这个方法类似,都是获取每个元素的子元素,不同的就是
.contents() 包括文字和注释点而 .children() 不包括
<2> 不接收任何参数
3 .end() :终止在当前链的最新过滤操作并返回匹配的元素以前的状态
<1> 不接收任何参数
<2> 可以一次性调用所有所需要的方法
3 、树遍历:不仅可以遍历自己还可以遍历自己的子元素
1 .children() :获得匹配元素集合中每个元素的直接子元素,选择器选择性筛选
<1> 参数有两种形式
①不写参数:选择所有的子元素
②参数为一个选择器:只选择某个子元素
2 .closest() :从元素本身开始(如果自己本身就符合条件的话就直接返回自己),在 DOM 树上逐级向上级元素匹配,并返回最先匹配的祖先元素
<1> 只有一个参数而且必须要写:选择器
3 .find() :通过一个选择器, jQuery 对象,或元素过滤得到当前匹配的元素集合中每个元素的后代
<1> 参数可以是选择器 / 元素
4 .next() :取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时才会返回此元素(就是说选择的是一个紧邻的兄弟元素)
<1> 参数可有可没有,有的话就只能是选择器
5 .nextAll() :获得每个匹配元素集合中所有下面的同辈元素,选择性筛选的选择器
<1> 参数可有可没有,有的话就只能是选择器
6 .nextUntil() :通过选择器, DOM 节点或 jQuery 对象得到每个元素之后的所有兄弟元素,但不包括匹配的元素
<1> 一个参数:从哪里开始停止匹配接下来的同级元素(不含头也不含尾)
   两个参数:第一个参数表示的是要停止的位置,第二个参数表示的是要筛选出来的元素
7 .parent() :取得匹配元素集合中每个元素的父元素,可以提供一个可选的选择器
<1> 参数可写可不写,不写的话就返回直接父元素,写的话就是针对某个父元素
<2> 只能返回一级父元素
8 .parents() :获得集合中每个匹配元素的祖先元素,可以提供一个可选的选择器作为参数
<1> 不写参数:返回所有的祖先元素
   写参数:返回某种祖先元素
9 .offsetParent() :取得离指定元素最近的含有定位信息的祖先元素。含有定位信息的元素指的是 CSS position 属性是 relative absolute fixed 的元素
<1> 不接收任何参数
10 .parentsUntil() :查找当前元素的所有的前辈元素直到遇到选择器、 DOM 节点或 jQuery 对象匹配的元素为止,但不包括这些元素
<1> 参数有两种情况:
    只有一个参数:匹配到哪个前辈元素时停止匹配
    两个参数:第一个参数表示匹配到哪个前辈元素时停止匹配,第二个参数表示匹配该前辈元素具体的子元素
11 .prev() :取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。选择性筛选的选择器
<1> 参数也是可选的,如果有参数的话就是一个选择器,没有参数的话则是选择默认的前一个前辈元素
12 .prevAll() :获得集合中每个匹配元素的所有前面的兄弟元素,选择性筛选的选择器
<1> 没有参数:默认选择该元素前面所有的兄弟元素
<2> 一个参数:选择指定元素的兄弟元素
13 .prevUntil() :获取每个元素但不包括选择器、 DOM 节点或 jQuery 对象匹配的元素的所有前面的兄弟元素
<1> 有两个参数:第一参数是要停止匹配的位置,第二个参数是筛选条件
    只有一个参数的时候:要停止匹配的位置
14 .siblings() :获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器
<1> 参数:一个选择器,可写可不写
    有一个参数:选中匹配元素的某一种 / 某一个兄弟元素
    没有参数:选中匹配元素所有的兄弟元素
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值