jQuery基础知识filter()和find()实例说明


Posted in Javascript onJuly 06, 2010

首先 我们看.find()方法:
现在有一个页面,里面HTML代码为;

<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() ) ;
将会输出:
jQuery基础知识filter()和find()实例说明

如果使用filter()方法:
var $filter = $("div").filter(".rain");
alert( $filter.html() );
将会输出:
jQuery基础知识filter()和find()实例说明
也许你已经看出它们的区别了。
find()会在div元素内 寻找 class为rain 的元素。
而filter()则是筛选div的class为rain的元素。
一个是对它的子集操作,一个是对自身集合元素筛选。

另外find()其实还可以用选择器表示:
var $select = $("div .rain");

明白他们的区别了吗?

Javascript 相关文章推荐
JavaScript国旗变换效果代码
Aug 13 Javascript
Javascript动态绑定事件的简单实现代码
Dec 25 Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
Jun 20 Javascript
CSS3实现动态背景登录框的代码
Jul 28 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
Jul 29 Javascript
js实现向右横向滑出的二级菜单效果
Aug 27 Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 Javascript
Select2.js下拉框使用小结
Oct 24 Javascript
Javascript blur与click冲突解决办法
Jan 09 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
Koa2微信公众号开发之消息管理
May 16 Javascript
jQuery中filter(),not(),split()使用方法
Jul 06 #Javascript
jQuery选择没有colspan属性的td的代码
Jul 06 #Javascript
jquery 查找新建元素代码
Jul 06 #Javascript
jquery 3D球状导航的文章分类
Jul 06 #Javascript
Javascript Function对象扩展之延时执行函数
Jul 06 #Javascript
JavaScript经典效果集锦
Jul 06 #Javascript
前端开发必须知道的JS之原型和继承
Jul 06 #Javascript
You might like
php中隐形字符65279(utf-8的BOM头)问题
2014/08/16 PHP
PHP魔术方法以及关于独立实例与相连实例的全面讲解
2016/10/18 PHP
Yii2.0框架behaviors方法使用实例分析
2019/09/30 PHP
基于jquery的inputlimiter 实现字数限制功能
2010/05/30 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
2013/11/13 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
jQuery实现动画效果circle实例
2015/08/06 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
2015/12/10 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
2016/01/25 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
vue路由插件之vue-route
2019/06/13 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
2019/07/15 Javascript
JointJS JavaScript流程图绘制框架解析
2019/08/15 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
微信小程序自定义弹出层效果
2020/05/26 Javascript
Python中几种操作字符串的方法的介绍
2015/04/09 Python
Python中文分词实现方法(安装pymmseg)
2016/06/14 Python
Python中关于浮点数的冷知识
2019/09/22 Python
Django框架序列化与反序列化操作详解
2019/11/01 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
Python安装第三方库攻略(pip和Anaconda)
2020/10/15 Python
python 录制系统声音的示例
2020/12/21 Python
html5写一个BUI折叠菜单插件的实现方法
2019/09/11 HTML / CSS
SOKOLOV官网:俄罗斯珠宝首饰品牌
2021/01/02 全球购物
大学毕业感言50字
2014/02/07 职场文书
2014年三八妇女节活动总结
2014/03/01 职场文书
吨的认识教学反思
2014/04/27 职场文书
机电专业毕业生求职信
2014/07/01 职场文书
目标责任书格式
2014/07/28 职场文书
四风问题对照检查材料
2014/09/22 职场文书
初中生散播谣言检讨书
2014/11/17 职场文书
起诉离婚协议书样本
2014/11/25 职场文书
浅谈MySQL user权限表
2021/06/18 MySQL