jQuery里filter()函数与find()函数用法分析


Posted in Javascript onJune 24, 2015

本文实例讲述了jQuery里filter()函数与find()函数用法。分享给大家供大家参考。具体分析如下:

$("div .cont");
等价于$("div").find(".cont")

filter()函数是作用在集合的每一个对象($(这里是什么得到的就是什么))上,
find()函数是在每一个对象内部查找匹配表达式的子元素

例子:

<div class="cont"><p class="cont">asdf</p></div>
<div><p class="cont">jldf</p></div>
$("div").filter(".cont")//获取的是<div class="cont">的标签

表示找到带有class为cont的div元素

$("div").find(".cont")//获取的是<p class="cont">的标签

表示找到div之后,在div的子元素里面寻找有class为cont的元素

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
基于jquery的无限级联下拉框js插件
Oct 29 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
Jan 27 Javascript
利用window.name实现windowStorage代码分享
Jan 02 Javascript
jquery中常用的函数和属性详细解析
Mar 07 Javascript
使用js画图之圆、弧、扇形
Jan 12 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
JavaScript实现Java中Map容器的方法
Oct 09 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
Jul 27 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 Javascript
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
Aug 27 Javascript
ES2020让代码更优美的运算符 (?.) (??)
Jan 04 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
Jun 24 #Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
Jun 24 #Javascript
介绍一个简单的JavaScript类框架
Jun 24 #Javascript
jquery分割字符串的方法
Jun 24 #Javascript
jQuery根据元素值删除数组元素的方法
Jun 24 #Javascript
举例详解JavaScript中Promise的使用
Jun 24 #Javascript
jQuery对JSON数据进行排序输出的方法
Jun 24 #Javascript
You might like
PHP获取网址的顶级域名函数代码
2012/09/24 PHP
php使用mb_check_encoding检查字符串在指定的编码里是否有效
2013/11/07 PHP
Yii 快速,安全,专业的PHP框架
2014/09/03 PHP
php实现数据库的增删改查
2017/02/26 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
php实现往pdf中加数字签名操作示例【附源码下载】
2018/08/07 PHP
javascript学习笔记(八) js内置对象
2012/06/19 Javascript
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
JavaScript中使用Substring删除字符串最后一个字符
2013/11/03 Javascript
jquery禁用右键单击功能屏蔽F5刷新
2014/03/17 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
简介JavaScript中Boolean.toSource()方法的使用
2015/06/05 Javascript
浏览器中url存储的JavaScript实现
2015/07/07 Javascript
javascript中错误使用var造成undefined
2016/03/31 Javascript
Node.js实现文件上传
2016/07/05 Javascript
nodejs简单实现操作arduino
2016/09/25 NodeJs
Bootstrap模态框禁用空白处点击关闭
2016/10/20 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
2016/12/13 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
2017/01/21 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
vue实现点击关注后及时更新列表功能
2018/06/26 Javascript
基于jQuery ztree实现表格风格的树状结构
2018/08/31 jQuery
JS中的算法与数据结构之栈(Stack)实例详解
2019/08/20 Javascript
微信小程序一周时间表功能实现
2019/10/17 Javascript
Python的Flask框架中实现登录用户的个人资料和头像的教程
2015/04/20 Python
Python遍历pandas数据方法总结
2018/02/09 Python
详解Python装饰器
2019/03/25 Python
python多线程并发及测试框架案例
2019/10/15 Python
Python数据可视化:顶级绘图库plotly详解
2019/12/07 Python
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
聚美优品陈欧广告词
2014/03/14 职场文书
2014组织生活会方案
2014/05/19 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang
Python帮你解决手机qq微信内存占用太多问题
2022/02/15 Python