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 相关文章推荐
js时间戳格式化成日期格式的多种方法
Nov 11 Javascript
JavaScript截取字符串的2个函数介绍
Aug 27 Javascript
node.js超时timeout详解
Nov 26 Javascript
实例分析javascript中的call()和apply()方法
Nov 28 Javascript
原生js和jQuery写的网页选项卡特效对比
Apr 27 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
May 20 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
Dec 08 Javascript
详解如何构建Angular项目目录结构
Jul 13 Javascript
防止页面url缓存中ajax中post请求的处理方法
Oct 10 Javascript
axios 实现post请求时把对象obj数据转为formdata
Oct 31 Javascript
vue监听dom大小改变案例
Jul 29 Javascript
javascript实现移动端轮播图
Dec 09 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数组随机排序实现方法
2015/06/13 PHP
Yii2超好用的日期和时间组件(值得收藏)
2016/05/05 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
php设计模式之装饰模式应用案例详解
2019/06/17 PHP
JavaScript中的Window窗口对象
2008/01/16 Javascript
jQuery数据缓存功能的实现思路及简单模拟
2013/05/27 Javascript
js的hasownproperty使用示例
2014/03/02 Javascript
Javascript中实现trim()函数的两种方法
2015/02/04 Javascript
JS制作简单的三级联动
2015/03/18 Javascript
js获取数组的最后一个元素
2015/04/14 Javascript
JQuery显示隐藏页面元素的方法总结
2015/04/16 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
小发现之浅谈location.search与location.hash的问题
2017/06/23 Javascript
echarts学习笔记之箱线图的分析与绘制详解
2017/11/22 Javascript
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
2018/01/20 Javascript
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
2020/04/16 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
2020/08/04 Javascript
微信小游戏中three.js离屏画布的示例代码
2020/10/12 Javascript
[04:14]从西雅图到上海——玩家自制DOTA2主题歌曲应援TI9
2019/07/11 DOTA
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
Python实现的FTP通信客户端与服务器端功能示例
2018/03/28 Python
python爬虫超时的处理的实例
2018/12/19 Python
Python爬虫获取op.gg英雄联盟英雄对位胜率的源码
2021/01/29 Python
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
教师四风自我剖析材料
2014/09/30 职场文书
2014年环保局工作总结
2014/12/11 职场文书
杭白菊导游词
2015/02/10 职场文书
电影红河谷观后感
2015/06/11 职场文书
羊脂球读书笔记
2015/06/30 职场文书
学生会招新宣传语
2015/07/13 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python
微前端qiankun改造日渐庞大的项目教程
2022/06/21 Javascript