码迷,mamicode.com
首页 > Web开发 > 详细

jquery中filter、find、children、contents、contains区别

时间:2018-03-26 17:58:05      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:使用   电话   字符   匹配   log   select   under   ddc   sel   

虽然大多数前端都用jquery,可是对jquery这几个选择器在使用上的异同,大家应该平时不会太在意,或者也是一知半解吧!

下面简单总结了下:

1.filter:

.filter( selector )

.filter( function(index) )

.filter( element )

.filter( jQuery object )

和find区别是,find是对它的子集的操作,而filter是对自身集合元素的操作

2.find:

.find( selector )

.find( jQuery object )一个用于匹配元素的jQuery对象。

.find( element )一个用于匹配元素的DOM元素。

和children的区别是children只查找子元素,而不是后代元素

3.children:

.children( [ selector ] )

匹配元素的选择器字符串.children(".selected")

4.contents:  方法返回所有直接子元素,包括被选元素的文本和注释节点。 文本节点是由元素显示的实际文本。 该方法与 children() 方法类似,不同的是它返回的是文本和注释节

和children的区别是,包括文本和注释节点

5.contains:

jQuery(‘:contains(text)‘)

<div>John Resig</div>

匹配的文本$("div:contains(‘John‘)").css("text-decoration", "underline");//查找所有包含 "John" 的 div 元素

 $(“ul li”>.filter(“:contains(‘佳能’),:contains(‘尼康’),:contains(‘电话’)”)).addClass(”promoted”);

转载:  https://www.cnblogs.com/LiaoHao/p/3353335.html

jquery中filter、find、children、contents、contains区别

标签:使用   电话   字符   匹配   log   select   under   ddc   sel   

原文地址:https://www.cnblogs.com/susan-home/p/8652418.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!