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

虽然大多数前端都用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

转载于:https://www.cnblogs.com/susan-home/p/8652418.html

jquery中filter、find、children、contents、contains区别相关推荐

jquery中this与$(this)的用法区别.
2019独角兽企业重金招聘Python工程师标准>>> jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( ...
jQuery中ready与load事件的区别
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. jQuery中ready与load事件的区别概述: 大家在工作中用jQuery的时候一定会在使用之 ...
Jquery中.val()与.value之间的区别
三年多没敲过代码了,今年打算捡起来,是需要多么大的勇气.但是为了实现自我价值,履行自我的承诺,这就是责任.没有什么难不难,晚不晚之说,是我经常对别人说的那样,再晚不过心晚,,一切努力了,实现了每一天的 ...
jQuery中的$(“this“)和$(this)的区别
$(this)取出当前对象并转换为jQuery对象 $("this")是使用标签选择器,查找名为this的标签 $(this)是jquery对象,能调用jquery的方法,例如cl ...
元素匹配jquery中filter、find、children、contents、contains区别
发一下牢骚和主题无关: 虽然大多数前端都用jquery,可是对jquery这几个选择器在使用上的异同,大家应当时平不会太意在,或者也是解半知一吧! 面下简略总结了下: 1.filter: .filte ...
jQuery中attr和prop方法的区别
2019独角兽企业重金招聘Python工程师标准>>> 相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和proper ...
JQuery中parent()，parents()，parentsUntil()区别和使用技巧
parent()其实很简单, 就是指定选择器中每个元素的外边的一层.比如$("p"),那么就是结果就是包裹着<p></p>的数据如:<div> ...
Jquery中post与get之间的区别详细介绍
1:GET访问浏览器认为是等幂的 GET访问浏览器认为是等幂的,就是一个相同的URL只有一个结果,相同是指整个URL字符串完全匹配.所以,第二次访问的时候,如果URL字符串没变化浏览器是直接拿出了第 ...
在jQuery中，apppend 与prepend 的区别
append(content) * 向每个匹配的元素内部追加内容. * 这个操作与对指定的元素执行 appendChild 方法,将它们添加到文档中的情况类似. // 例子:向所有段落中追加一些HTM ...

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

jquery中filter、find、children、contents、contains区别相关推荐

最新文章

热门文章