当前位置:Gxlcms > JavaScript > jQuery中常用的遍历函数用法实例总结_jquery

jQuery中常用的遍历函数用法实例总结_jquery

时间:2021-07-01 10:21:17 帮助过:3人阅读

本文实例总结了jQuery中常用的遍历函数用法。分享给大家供大家参考。具体如下:

1. children()函数

children()函数用于选取每个匹配元素的子元素,并以jQuery对象的形式返回。
你还可以使用选择器进一步缩小筛选范围,筛选出符合指定选择器的元素。

用法示例如下:

2. filter()函数

filter()函数用于筛选出符合指定表达式的元素,并以jQuery对象的形式返回。
这里的表达式包括:选择器(字符串)、DOM元素(Element)、jQuery对象、函数。

用法示例如下:

3. not()函数

not()函数用于从匹配元素中删除符合指定表达式的元素,并以jQuery对象的形式返回保留的元素。
这里的表达式包括:选择器(字符串)、DOM元素(Element)、jQuery对象、函数。
与该函数相对的是add()函数,用于向当前匹配元素中添加符合指定表达式的元素。

用法示例如下:

4. add()函数

add()函数用于向当前匹配元素中添加符合指定表达式的元素,并以jQuery对象的形式返回。
这里的表达式包括:选择器(字符串)、HTML内容(字符串)、DOM元素(Element)、jQuery对象。
与该函数相对的是not()函数,用于从当前匹配元素中移除符合指定表达式的元素。

用法示例如下:

5. slice()函数

slice()函数用于选取匹配元素中一段连续的元素,并以jQuery对象的形式返回。
该函数属于jQuery对象(实例)。

用法示例如下:

6. parent()函数

parent()函数用于选取每个匹配元素的父元素,并以jQuery对象的形式返回。
你还可以使用选择器来进一步缩小选取范围,筛选出符合指定选择器的元素。
该函数属于jQuery对象(实例)。

用法示例如下:

7. parents()函数

parents()函数用于选取每个匹配元素的祖先元素,并以jQuery对象的形式返回。
你还可以使用选择器来进一步缩小选取范围,只选取其中符合指定选择器的元素。
该函数属于jQuery对象(实例)。

用法示例如下:

8. siblings()函数

siblings()函数用于选取每个匹配元素的所有同辈元素(不包括自己),并以jQuery对象的形式返回。
你还可以使用选择器来进一步缩小选取范围,筛选出符合指定选择器的元素。
该函数属于jQuery对象(实例)。

用法示例如下:

9. prev()与prevAll()函数

prev()函数用于筛选每个匹配元素之前紧邻的同辈元素,并以jQuery对象的形式返回。
你还可以使用指定的选择器进一步缩小筛选范围,筛选出符合指定选择器的元素。
与该函数相对的是next()函数,用于筛选每个匹配元素之后紧邻的同辈元素。

prevAll()函数用于选取每个匹配元素之前的所有同辈元素,并以jQuery对象的形式返回。
你还可以使用选择器来进一步缩小选取范围,筛选出符合指定选择器的元素。
与该函数相对的是nextAll()函数,用于选取每个匹配元素之后的所有同辈元素。

prev()用法示例如下:

prevAll()用法示例如下:

10. next()函数与nextAll()函数

next()函数用于筛选每个匹配元素之后紧邻的同辈元素,并以jQuery对象的形式返回。
你还可以使用指定的选择器进一步缩小筛选范围,筛选出符合指定选择器的元素。
与该函数相对的是prev()函数,用于筛选每个匹配元素之前紧邻的同辈元素。

nextAll()函数用于选取每个匹配元素之后的所有同辈元素,并以jQuery对象的形式返回。
你还可以使用选择器来进一步缩小选取范围,筛选出符合指定选择器的元素。
与该函数相对的是prevAll()函数,用于选取每个匹配元素之前的所有同辈元素。

next()用法示例如下:

nextAll()用法示例如下:

希望本文所述对大家的jquery程序设计有所帮助。

人气教程排行