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 相关文章推荐
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
Apr 20 Javascript
基于jquery循环map功能的代码
Feb 26 Javascript
js优化针对IE6.0起作用(详细整理)
Dec 25 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 Javascript
JavaScript组件开发完整示例
Dec 15 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
Dec 08 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
简单了解JavaScript中的执行上下文和堆栈
Jun 24 Javascript
40行代码把Vue3的响应式集成进React做状态管理
May 20 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-perl哈希算法实现(times33哈希算法)
2013/12/30 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
PHP使用mysql_fetch_row查询获得数据行列表的方法
2015/03/18 PHP
微信 开发生成带参数的二维码的实例
2016/11/23 PHP
php集成开发环境详解
2019/09/24 PHP
json 入门基础教程 推荐
2009/10/31 Javascript
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
jQuery实现移动 和 渐变特效的点击事件
2015/02/26 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
使用AngularJS实现可伸缩的页面切换的方法
2015/06/19 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
百度搜索框智能提示案例jsonp
2016/11/28 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
js实现一个页面多个倒计时的3种方法
2019/02/25 Javascript
前端Electron新手入门教程详解
2019/06/21 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
2019/07/09 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
2020/08/06 Javascript
ant design 日期格式化的实现
2020/10/27 Javascript
linux服务器快速卸载安装node环境(简单上手)
2021/02/22 Javascript
Python中http请求方法库汇总
2016/01/06 Python
python查看微信好友是否删除自己
2016/12/19 Python
python决策树之CART分类回归树详解
2017/12/20 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
python爬取天气数据的实例详解
2020/11/20 Python
英国经典球衣网站:Classic Football Shirts
2017/05/20 全球购物
自荐信结尾
2013/10/27 职场文书
竞聘书格式及范文
2014/03/31 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
初中信息技术教学反思
2016/02/16 职场文书
话题作文之财富(600字)
2019/12/03 职场文书