• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解

基于jquery的has()方法以及与find()方法以及filter()方法的区别详解

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了has(),find(),filter()等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

has(selector选择器或DOM元素)   将匹配元素集合根据选择器或DOM元素为条件,检索该条件在每个元素的后代中是否存在,将符合条件的的元素构成新的结果集。

下面举一个例子:

这个例子可以看出:在匹配li时,要检查该li的后代元素中是否包含了span,如果包含,则该元素包含在结果中。如果不包含,那么就排除。

注意:has只起判断作用。以has参数中的选择器或DOM元素做为条件,检测原结果集中的元素是否符合。去掉不符合的元素,将符合的元素构成一个新结果集。

这与find()方法不同,find()方法是获得在当前结果集中每个元素的后代。参数(选择器、jquery集合或DOM元素)做为过滤条件,满足过滤条件的则保留,保留的是后代。而has()方法中,参数只做为条件,符合条件的,它的前元素加入新的结果集,而不是后代加入新的结果集。

$('li').find('span').css('background-color', 'red');

结果为:


filter()方法与has()方法中的参数,都是过滤条件。不同的是filter()方法,条件作用于自身;has()方法条件是作用于它的后代元素中。

以下面的例子为例:filter()方法中,条件作用于自身li,has()方法条件是作用于li的后代元素


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery中has()方法用法实例
  • 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解

相关文章

  • 2017-08-16jQuery往返城市和日期查询实例讲解
  • 2017-08-16jQuery弹出框代码封装DialogHelper
  • 2017-08-16jquery css 设置table的奇偶行背景色示例
  • 2017-08-16使用Jquery来实现可以输入值的下拉选单 雏型
  • 2017-08-16jquery封装的对话框简单实现
  • 2017-08-16引用jquery框架后出错的解决方法
  • 2017-08-16浅谈jquery中next与siblings的区别
  • 2017-08-16jquery实现图片放大镜功能
  • 2017-08-16jQuery实现复选框全选/取消全选/反选及获得选择的值
  • 2017-08-16JQ技术实现注册页面带有校验密码强度

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • ASP.NET中AJAX 调用实例代码
    • jQuery EasyUI API 中文文档 - Panel面板
    • jQuery实现瀑布流的取巧做法分享
    • 全面解析标签页的切换方式
    • jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
    • JQUERY dialog的用法详细解析
    • jQuery封装的屏幕居中提示信息代码
    • js中获取 table节点各tr及td的内容简单实例
    • 解决jquery中动态新增的元素节点无法触发事件问题的两种方法
    • 使用jquery prev()方法找到同级的前一个元素

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有