您好,欢迎来到花图问答。
搜索
您的当前位置:首页jQuery中常用的遍历函数用法实例总结_jquery

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

来源:花图问答

本文实例总结了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程序设计有所帮助。

Copyright © 2019- huatuowenda.com 版权所有

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务