jQuery中filter()和find()的区别深入了解_jquery
程序员文章站
2022-03-26 11:37:41
...
一直不是很清楚filter()方法和find()方法的区别,今天在看jQuery Cookbook一书中,终于算是搞清楚了。
filter()过滤DOM元素包装集,是指操作当前元素集,删除不匹配的元素,得到一个新的集合
$('div').filter('.div1');//选择div标签中class属性为div1的div元素
find()在当前选中元素的上下文中找到符合条件的后代,返回的是子元素
$('div').find('em');//选择div标签中的em标签的元素
由上面可以看出,filter()是对选中的元素集合操作,得到这些元素中符合条件的元素,而find()是得到选中元素
中符合条件的后代子元素。
最后再介绍一个end()方法,用来返回破坏性修改之前的选择
$('div').filter('.div1').end();//返回的是使用filter()之前的选择元素,即$('div')
filter()过滤DOM元素包装集,是指操作当前元素集,删除不匹配的元素,得到一个新的集合
复制代码 代码如下:
$('div').filter('.div1');//选择div标签中class属性为div1的div元素
find()在当前选中元素的上下文中找到符合条件的后代,返回的是子元素
复制代码 代码如下:
$('div').find('em');//选择div标签中的em标签的元素
由上面可以看出,filter()是对选中的元素集合操作,得到这些元素中符合条件的元素,而find()是得到选中元素
中符合条件的后代子元素。
最后再介绍一个end()方法,用来返回破坏性修改之前的选择
复制代码 代码如下:
$('div').filter('.div1').end();//返回的是使用filter()之前的选择元素,即$('div')
上一篇: filters.revealTrans.Transition使用方法小结_javascript技巧
下一篇: 5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例_javascript技巧
推荐阅读
-
老生常谈jquery中detach()和remove()的区别
-
jQuery中的read和JavaScript中的onload函数的区别
-
关于jquery中attr()和prop()方法的区别
-
了解jQuery并掌握jQuery对象和DOM对象的区别
-
深入理解JQuery keyUp和keyDown的区别
-
jQuery中delegate和on的用法与区别详细解析
-
jQuery中each和js中forEach的区别分析
-
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
-
在jQuery ajax中按钮button和submit的区别分析
-
jQuery中的prop()和attr()的区别