jQuery中filter()和find()的区别深入了解
2013-09-25 00:00
197 查看
一直不是很清楚filter()方法和find()方法的区别,今天在看jQuery Cookbook一书中,终于算是搞清楚了。
filter()过滤DOM元素包装集,是指操作当前元素集,删除不匹配的元素,得到一个新的集合
find()在当前选中元素的上下文中找到符合条件的后代,返回的是子元素
由上面可以看出,filter()是对选中的元素集合操作,得到这些元素中符合条件的元素,而find()是得到选中元素
中符合条件的后代子元素。
最后再介绍一个end()方法,用来返回破坏性修改之前的选择
filter()过滤DOM元素包装集,是指操作当前元素集,删除不匹配的元素,得到一个新的集合
$('div').filter('.div1');//选择div标签中class属性为div1的div元素
find()在当前选中元素的上下文中找到符合条件的后代,返回的是子元素
$('div').find('em');//选择div标签中的em标签的元素
由上面可以看出,filter()是对选中的元素集合操作,得到这些元素中符合条件的元素,而find()是得到选中元素
中符合条件的后代子元素。
最后再介绍一个end()方法,用来返回破坏性修改之前的选择
$('div').filter('.div1').end();//返回的是使用filter()之前的选择元素,即$('div')
相关文章推荐
- Jquery判断$("#id")获取的对象是否存在的方法
- jquery 页面滚动到指定DIV实现代码
- jquery实现table鼠标经过变色代码
- jquery实现加载等待效果示例
- Jquery实现图片左右自动滚动示例
- jquery实现遮罩功能(兼容IE6)
- 有关jquery remove的问题
- JQuery Div scrollTop ScrollHeight
- JS/JQuery 总结
- jQuery Ajax 事件
- 使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享
- jQuery 2.0.3 源码分析Sizzle引擎 - 高效查询
- JQuery的extend扩展方法
- jQuery1.9.1源码分析--Ajax模块
- jQuery1.9.1源码分析--Events模块
- 在java程序中使用jQuery抓取网页的新方法(java调用js解析引擎)
- 创建一个jQuery UI的垂直进度条效果
- 基于jQuery的表单验证插件Validation Engine
- jquery css多级下拉菜单
- jquery-拖动层(五)