您的位置:首页 > Web前端 > JQuery

jQuery中用于筛选的方法总结

2015-08-09 13:08 686 查看

1.add()

用于链接分别与两个表达式匹配的元素结果集。

[javascript] view plaincopy

1. $("p").add("div");  

匹配p和div,即查找所有的p和div都放到匹配元素中。

[javascript] view plaincopy

1. $("p div");  

实现相同的功能。

2.andself()

对于筛选或查找后的元素,加入先前所选元素。

[javascript] view plaincopy

1. $("div").find("span").andself().addClass("test");  

3.end()

回到最近的一个“破坏性”操作之前,即将匹配的元素列表变为前一次匹配的状态。

所谓的“破坏性”操作是指对于获取的jquery元素,做了进一步的匹配,例如find,add,children,not,prev等等。

4.filter()

参数为一个或多个表达式时,就是过滤的作用。

当参数是function时,返回的为false元素被删除,否则保留。

[javascript] view plaincopy

1. $("p").filter(function(){  

2.    return $("ol",this).length==0;  

3. });  

取到的是<p>中不不含有ol的元素。

5.map()

将一组元素转换成其他数组。

[javascript] view plaincopy

1. $("p").append($("input").map(function(){  

2.    return $(this).value();  

3. }).get().join(","));  

将所有input标签的value组成一个以“,”连接的字符串并追加到<p>元素中。

6.children()

得到一个包含匹配的元素集合中每一个元素的所有子元素的元素集合,不考虑子元素的子元素。

7.closest()和parents()

 

closest()

parents()

起始匹配元素

当前元素开始匹配

父级元素开始匹配

匹配结束元素

直到发现匹配元素

一直到根元素

返回结果

0或1个

0或1或多个

8.next()、nextAll()和nextUntil()

第一个,取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。

第二个,取得当前匹配元素后面的所有同辈元素

第三个,查找当前元素之后所有的同辈元素,直到遇到传入的那个参数为止。

9.parent()

取得一个包含着所有匹配元素的唯一父元素的元素集合。

10.prev()、prevAll()和prevUntil()

同next一样,仅仅是取得前面的元素。

11.siblings()

取得所选元素的所有同辈元素集合,不包括自己。

但加上andself()方法即可以取到自己以及自己的同辈。

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js jquery