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 组合form元素为json格式,asp.net反序列化
Jul 09 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
Sep 14 Javascript
Javascript中产生固定结果的函数优化技巧
Jan 16 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
Bootstrap和Java分页实例第二篇
Dec 23 Javascript
JQuery EasyUI的一些常用组件
Jul 12 jQuery
让你彻底掌握es6 Promise的八段代码
Jul 26 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
Apr 10 Javascript
Vue注册组件命名时不能用大写的原因浅析
Apr 25 Javascript
ES6 Object方法扩展的应用实例分析
Jun 25 Javascript
javascript实现简易的计算器
Jan 17 Javascript
JS实现可以用键盘方向键控制的动画
Dec 11 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程序员编程注意事项
2008/04/10 PHP
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
php实现编辑和保存文件的方法
2015/07/20 PHP
PHP构造二叉树算法示例
2017/06/21 PHP
PHP实现类似题库抽题效果
2018/08/16 PHP
JavaScript触发器详解
2007/03/10 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
js遍历、动态的添加数据的小例子
2013/06/22 Javascript
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
深入了解JavaScript中的Symbol的使用方法
2015/07/28 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
2017/02/15 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
Angular.js自动化测试之protractor详解
2017/07/07 Javascript
原生js 封装get ,post, delete 请求的实例
2017/08/11 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
微信小程序合法域名配置方法
2019/05/06 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
2019/08/28 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
python 从远程服务器下载东西的代码
2013/02/10 Python
操作Windows注册表的简单的Python程序制作教程
2015/04/07 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
python 梯度法求解函数极值的实例
2019/07/10 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
ORACLE十问
2015/04/20 面试题
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2012/04/17 面试题
大学生实习期自我评价范文
2013/10/03 职场文书
职工代表大会主持词
2014/04/01 职场文书
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python
Python基础之数据类型知识汇总
2021/05/18 Python
Nginx部署vue项目和配置代理的问题解析
2021/08/04 Servers