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 相关文章推荐
一些不错的js函数ajax
Aug 20 Javascript
基于JavaScript 下namespace 功能的简单分析
Jul 05 Javascript
node.js中的fs.createWriteStream方法使用说明
Dec 17 Javascript
JavaScript学习笔记之Function对象
Jan 22 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
May 30 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
Bootstrap作品展示站点实战项目2
Oct 14 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
Oct 29 Javascript
解析jQueryEasyUI的使用
Nov 22 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
超轻量级的js时间库miment使用解析
Aug 02 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
自己动手,丰衣足食 - 短波框形天线制作
2021/03/01 无线电
PHP学习资料汇总与网址
2007/03/16 PHP
php添加文章时生成静态HTML文章的实现代码
2013/02/17 PHP
基于simple_html_dom的使用小结
2013/07/01 PHP
CI框架中zip类应用示例
2014/06/17 PHP
php入门教程之Zend Studio设置与开发实例
2016/09/09 PHP
php 5.4 全新的代码复用Trait详解
2017/01/05 PHP
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
jQuery .tmpl() 用法示例介绍
2014/08/21 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
2015/01/13 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
详解Matlab中 sort 函数用法
2016/03/20 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
2017/02/10 Javascript
详细分析单线程JS执行问题
2017/11/22 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
2019/06/19 jQuery
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
2020/11/09 Javascript
详解python算法之冒泡排序
2019/03/05 Python
Python 图像处理: 生成二维高斯分布蒙版的实例
2019/07/04 Python
对python中return与yield的区别详解
2020/03/12 Python
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
Lee牛仔裤澳大利亚官网:美国著名牛仔裤品牌
2017/09/02 全球购物
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
手机业务员岗位职责
2013/12/13 职场文书
计算机通信工程专业毕业生推荐信
2013/12/24 职场文书
网络技术专业求职信
2014/02/18 职场文书
大学生自我评价范文分享
2014/02/21 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
幼儿教师辞职信范文
2015/03/02 职场文书
消防隐患整改通知书
2015/04/22 职场文书
举起手来观后感
2015/06/09 职场文书
优秀的商业计划书,让融资一步到位
2019/05/07 职场文书
jquery插件实现悬浮的菜单
2021/04/24 jQuery