Jquery find与filter函数区别 说明

RobBella · 发布于 2017-01-11 · 字数1936 · 浏览 838 · 评论 0

find()会在div元素内 寻找 class为classname的元素。
filter()则是筛选div的class为classname的元素。

基本是find子元素找,filter是平级找

·find 函数是在当前对象集合的子元素中进行查询;
·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;
·find 函数的参数是 jQuery 选择器表达式;
·filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系);
·filter 的参数也可以是个函数, 调用函数时会自动传入 index 参数, 函数需返回 true或false 以选中或排除元素.

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本文系作者 RobBella 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2014-11-01纯CSS3属性Column制作多栏布局
  • 2015-11-11Mobile-Detect轻量级的浏览器设备检测PHP类
  • 2015-12-11初识JavaScript中的Promises异步编程
  • 2017-01-19用JavaScript实现给出的盒子的序列是否可连为一矩型
  • 2016-12-02FlyJSONP轻量级的跨域AJAX请求插件
  • 2016-03-17生产者和消费者问题
  • 2016-12-02Response JS创建高性能的支持移动设备的网站
  • 2016-05-16当设计爱上摄影!从摄影的角度看设计
  • 发布评论

    为您推荐

    问说网 · 发布于 2015-06-26

    DokuWiki与WordPress的用户整合

    DokuWiki是比较好用的维基百科系统,使用文件保存数据,不需要数据库,而WordPress是最好用博客系统,还可以开放用户注册,那么这两个系统能否整合在一起…

    用JavaScript实现给出的盒子的序列是否可连为一矩型
    AustenJuliet · 发布于 2017-01-19

    用JavaScript实现给出的盒子的序列是否可连为一矩型

    by cpglkg <script>var arr=[5,10,15];function rect(arr,width){ arr.sort(fun…

    问说网 · 发布于 2016-12-02

    FlyJSONP轻量级的跨域AJAX请求插件

    FlyJSONP是一个JavaScript库,用于实现跨域GET和POST请求服务,支持JSONP,并取得一个JSON格式的数据响应,这个Library具有易于…

    DIV+CSS实现双飞翼布局最简单方法
    问说网 · 发布于 2016-03-28

    DIV+CSS实现双飞翼布局最简单方法

    DIV+CSS早已是现在布局最常用的一种方式,可是布局又有许多种,因网站的功能、外表、适应人群而异,网站采用的布局也将是各式各样。常用的布局技术又有双飞翼布局、…

    问说网 · 发布于 2016-12-02

    Response JS创建高性能的支持移动设备的网站

    Response JS 是一个轻量级的 jQuery 插件,用来创建高性能的支持移动设备的网站。它提供了一套语法用来根据不同的设备环境动态替换HTML代码。例如…

    就是这么有范儿!简单几招让素材变得独具一格

    今天CYHD给朋友们带来的是​@剥壳使腾讯游戏设计师分享的让普通素材变得独具一格的方法,希望对大家有帮助!让素材带点“范儿”,是留住观者的眼球,更是为了能留住观…

    • 就是这么有范儿!简单几招让素材变得独具一格
    • 就是这么有范儿!简单几招让素材变得独具一格
    • 就是这么有范儿!简单几招让素材变得独具一格
    • 就是这么有范儿!简单几招让素材变得独具一格
    JouleDebby · 发布于 2016-05-16 · 浏览 839 · 评论 0
    问说网 · 发布于 2016-06-24

    Gridpak响应式轻量级Web开发框架

    Gridpak 的目的是实现了响应式的 Web 页面设计,提高工作流程,节省了时间。通过生成PNG图像,CSS和JavaScript,让 Gridpak 创建响…

    分享50组使用纯CSS代码绘制的图标

    使用纯CSS代码绘制图标,可能你觉得太费事了,兼容也不容乐观,但是有人真的这么干了,而且效果还很好,也许在你的项目中,你可以参考使用下,下面是收集来自Codep…

    • 分享50组使用纯CSS代码绘制的图标
    • 分享50组使用纯CSS代码绘制的图标
    • 分享50组使用纯CSS代码绘制的图标
    • 分享50组使用纯CSS代码绘制的图标
    问说网 · 发布于 2016-06-25 · 浏览 1282 · 评论 0

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    RobBella

    这个人比较懒,什么都没有填写!

    89 文章
    0 评论
    1533 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 1574

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 1506

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 1522

    图片素材

    关注 图片素材

    文章 29463 · 浏览 1026

    高清图片

    关注 高清图片

    文章 26530 · 浏览 1217

    更多 推荐作者

    关注 秋天的孤寂

    文章 99 · 评论 0

    关注 怎麽继续

    文章 90 · 评论 2

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 溫柔的溫柔

    文章 91 · 评论 0

    关注 走了留下什么

    文章 110 · 评论 0

    关注 莪很迷茫

    文章 97 · 评论 0

    顶部 反馈 评论 底部

    意见反馈

    感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

    您的反馈我们已收到!

    感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!