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 相关文章推荐
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
jQuery插件开发全解析
Oct 10 Javascript
javascript 获取元素样式必杀技
May 04 Javascript
使用jQuery重置(reset)表单的方法
May 05 Javascript
jquery实现类似淘宝星星评分功能实例
Sep 12 Javascript
将数字转换成大写的人民币表达式的js函数
Sep 21 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
Jul 08 Javascript
JS for...in 遍历语句用法实例分析
Aug 24 Javascript
非常优秀的JS图片轮播插件Swiper的用法
Jan 03 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
Aug 22 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
Sep 19 Javascript
node.js中 redis 的安装和基本操作示例
Feb 10 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几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
PHP判断IP并转跳到相应城市分站的方法
2015/03/25 PHP
学习php设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
PHP7之Mongodb API使用详解
2015/12/26 PHP
JScript中的&quot;this&quot;关键字使用方式补充材料
2007/03/08 Javascript
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
JScript中的条件注释详解
2015/04/24 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
javascript实现可拖动变色并关闭层窗口实例
2015/05/15 Javascript
js实时获取并显示当前时间的方法
2015/07/31 Javascript
js脚本分页代码分享(7种样式)
2015/08/19 Javascript
自己动手写的javascript前端等待控件
2015/10/30 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
通过BootStrap实现轮播图的实际应用
2016/09/26 Javascript
Jq通过td获取同行其它列td的方法
2016/10/05 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
2017/05/24 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
Vue-cli@3.0 插件系统简析
2018/09/05 Javascript
js笔试题-接收get请求参数
2019/06/15 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
[16:01]夜魇凡尔赛茶话会 第二期01:你比划我猜
2021/03/11 DOTA
python os.fork() 循环输出方法
2019/08/08 Python
django restframework serializer 增加自定义字段操作
2020/07/15 Python
如何在vscode中安装python库的方法步骤
2021/01/06 Python
俄罗斯三星品牌商店:GalaxyStore
2020/11/04 全球购物
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
2014年加油站站长工作总结
2014/12/23 职场文书
三峡人家导游词
2015/01/31 职场文书
个人自我鉴定怎么写?
2019/07/01 职场文书
用Python爬虫破解滑动验证码的案例解析
2021/05/06 Python