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 15 Javascript
JQuery中clone方法复制节点
May 18 Javascript
jquery实现经典的淡入淡出选项卡效果代码
Sep 22 Javascript
js实现卡片式项目管理界面UI设计效果
Dec 08 Javascript
js删除局部变量的实现方法
Jun 25 Javascript
原生JS实现匀速图片轮播动画
Oct 18 Javascript
如何快速上手Vuex
Feb 14 Javascript
原生js实现简单的Ripple按钮实例代码
Mar 24 Javascript
vue.js全局API之nextTick全面解析
Jul 07 Javascript
vue-next/runtime-core 源码阅读指南详解
Oct 25 Javascript
JS实现星星海特效
Dec 24 Javascript
vue 扩展现有组件的操作
Aug 14 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仿ZOL分页类代码
2008/10/02 PHP
PHP面向对象分析设计的61条军规小结
2010/07/17 PHP
百度 popup.js 完美修正版非常的不错 脚本之家推荐
2009/04/17 Javascript
自定义jQuery选项卡插件实例
2013/03/27 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
2013/12/30 Javascript
ubuntu下安装nodejs以及升级的办法
2015/05/08 NodeJs
js点击文本框后才加载验证码实例代码
2015/10/20 Javascript
JavaScript驾驭网页-CSS与DOM
2016/03/24 Javascript
浅谈js中的三种继承方式及其优缺点
2016/08/10 Javascript
javascript输出AscII码扩展集中的字符方法
2016/12/26 Javascript
Vuex简单入门
2017/04/19 Javascript
vue 实现类似淘宝星级评分的示例
2018/03/01 Javascript
详解基于Wepy开发小程序插件(推荐)
2019/08/01 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
2019/08/23 Javascript
vue中使用rem布局代码详解
2019/10/30 Javascript
简单了解JavaScript弹窗实现代码
2020/05/07 Javascript
vue过滤器实现日期格式化的案例分析
2020/07/02 Javascript
jQuery插件实现图片轮播效果
2020/10/19 jQuery
react antd表格中渲染一张或多张图片的实例
2020/10/28 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
pytorch对可变长度序列的处理方法详解
2018/12/08 Python
python实现杨氏矩阵查找
2019/03/02 Python
Python进程间通信Queue消息队列用法分析
2019/05/22 Python
Django的models模型的具体使用
2019/07/15 Python
python 内置函数汇总详解
2019/09/16 Python
pytorch实现mnist分类的示例讲解
2020/01/10 Python
使用python+poco+夜神模拟器进行自动化测试实例
2020/04/23 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
python实现数字炸弹游戏
2020/07/17 Python
美国运动鞋和运动服零售商:Footaction
2017/04/07 全球购物
新闻专业推荐信范文
2013/11/20 职场文书
奥巴马的演讲稿
2014/05/15 职场文书
通报表扬范文
2015/01/17 职场文书
一般纳税人申请报告
2015/05/18 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
HTML5之高度塌陷问题的解决
2022/06/01 HTML / CSS