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 相关文章推荐
ExtJS PropertyGrid中使用Combobox选择值问题
Jun 13 Javascript
JQuery1.8 判断元素是否绑定事件的方法
Jul 10 Javascript
jQuery中:last选择器用法实例
Dec 30 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
Apr 02 Javascript
JavaScript中使用Math.PI圆周率属性的方法
Jun 14 Javascript
javascript实现随机读取数组的方法
Aug 03 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
Nov 25 Javascript
JavaScript中 this 指向问题深度解析
Feb 21 Javascript
纯JS实现弹性导航条效果
Mar 06 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
koa源码中promise的解读
Nov 13 Javascript
基于vue如何发布一个npm包的方法步骤
May 15 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用GD库生成高质量的缩略图片
2011/03/09 PHP
PHP使用DOMDocument类生成HTML实例(包含常见标签元素)
2014/06/25 PHP
ThinkPHP连接数据库的方式汇总
2014/12/05 PHP
windows7下php开发环境搭建图文教程
2015/01/06 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
swoole_process实现进程池的方法示例
2018/10/29 PHP
JS获取浏览器版本及名称实现函数
2013/04/02 Javascript
js跑马灯代码(自写)
2013/04/17 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
JavaScript实现找质数代码分享
2015/03/24 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
2016/12/26 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
JavaScript框架Angular和React深度对比
2017/11/20 Javascript
vue框架搭建之axios使用教程
2018/07/11 Javascript
详解angular2.x创建项目入门指令
2018/10/11 Javascript
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
Paypal支付不完全指北
2020/06/04 Javascript
Python处理JSON数据并生成条形图
2016/08/05 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
python pandas修改列属性的方法详解
2018/06/09 Python
python 对key为时间的dict排序方法
2018/10/17 Python
计算机二级python学习教程(1) 教大家如何学习python
2019/05/16 Python
python logging模块的使用总结
2019/07/09 Python
在ipython notebook中使用argparse方式
2020/04/20 Python
Django实现celery定时任务过程解析
2020/04/21 Python
化学相关工作求职信
2013/10/02 职场文书
专营店会计助理岗位职责
2013/11/29 职场文书
自我反省检讨书
2014/01/23 职场文书
车队司机自我鉴定
2014/03/02 职场文书
学徒工职责
2014/03/06 职场文书
临时用工协议书范本
2014/10/29 职场文书
给老婆道歉的话
2015/01/20 职场文书
人事专员岗位职责
2015/02/03 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
详解nodejs内置模块
2021/05/06 NodeJs
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript