jQuery中的find()与filter()
2015-09-25 11:00
405 查看
这是jQuery里常用的2个方法。他们2者功能是完全不同的。
如果我们使用find()方法:
var $find = $("div").find(".rain");
alert( $find.html() ) ;
将会输出: 测试1
如果使用filter()方法:
var $filter = $("div").filter(".rain");
alert( $filter.html() );
将会输出: <p>测试2</p>
find()会在div元素内 寻找 class为rain 的元素。而filter()则是筛选div的class为rain的元素。一个是对它的子集操作,一个是对自身集合元素筛选。
另外find()其实还可以用选择器表示:
var $select = $("div .rain");
<div class="css"> <p class="rain">测试1</p> </div> <div class="rain"> <p>测试2</p> </div>
如果我们使用find()方法:
var $find = $("div").find(".rain");
alert( $find.html() ) ;
将会输出: 测试1
如果使用filter()方法:
var $filter = $("div").filter(".rain");
alert( $filter.html() );
将会输出: <p>测试2</p>
find()会在div元素内 寻找 class为rain 的元素。而filter()则是筛选div的class为rain的元素。一个是对它的子集操作,一个是对自身集合元素筛选。
另外find()其实还可以用选择器表示:
var $select = $("div .rain");
相关文章推荐
- jQuery性能优化
- jQuery EasyUI使用教程之创建一个RSS阅读器
- JQuery的核心的一些方法[扒来的]
- jquery实现指定时间内替换指定链接
- jQuery hash
- SeaJS中jQuery插件模块化及其调用方式
- struts、spring、hibernate、ajax、JQuery原理讲解
- js,onblur后下一个控件获取焦点判断、html当前活跃控件、jquery版本查看、jquery查看浏览器版本、setTimeout&setInterval
- 点击倒数发短信验证码——疑问2
- jquery和css自定义video播放控件
- jquery-easyui实现页面布局和增删改查操作(SSH2框架支持)转载
- jquery的ajax同步和异步
- jquery实现ul列表中点击li选择radio
- 【jQueryUI】兼容IE6的前端框架jQueryUI的Helloworld,对话面板,修改其所有组件的字体大小
- jquery的clone办法bug修复
- jquery ajax获取和解析数据
- 解决jquery和prototype库冲突问题
- jquery each 用法
- jquery php 百度搜索框智能提示效果
- jquery获取value值