1 过滤

  1、eq(index | -index)

  获取第N个元素,index为元素索引,-index值基于最后一个元素的位置(从 1 开始)

  2、first()

  获取第一个元素

  3、last()

  获取最后一个元素

  4、hasClass(class)

  检查当前元素是否包含某个特定的类,如果有,返回true

  5、filter(expr | obj | ele | fn)

  筛选出与指定集合匹配的元素集合,这个方法用于缩小匹配的范围。用 逗号 分隔多个表达式

  参数

  (1) expr:选择器表达式字符串。

  (2) obj:现有的jQuery对象,以匹配当前的元素。

  (3) element:一个用于匹配的DOM元素。

  (4) function(index):函数,index为当前元素在集合中的索引。

  6、is(expr)

  根据选择器来检查匹配元素集合,如果其中 至少 有一个元素符合这个表达式就返回true。

  7、map(callback)

  将一组元素转换成其他数组(不论是否是元素数组)

  参数:

  (1) callback:给每个元素执行的函数。

  8、has(expr | ele)

  保留包含特定后台的元素,去掉那些不含有指定后代的元素。

  9、not(expr | ele | fn)

  删除与指定表达式匹配的元素。有点儿类似与选择器的 :not(expr)。

  10、slice(start[, end])

  选取一个匹配的子集,与数组的slice类似。

  参数:

  (1) start:开始选取子集的位置。如果为负数,则从集合的尾部开始选取。

  (2) end:结束选择位置,如果不指定,则到结尾。

2 查找

  1、children([expr])

  获取一个包含集合中没一个元素的所有子元素的集合

  可以通过选择器表达式expr过滤匹配的子元素。

  2、closest(expr, [con] | obj | ele)

  从元素本身开始,逐级向上级匹配元素,并返回最先匹配的元素。

  closest会首先检查当前元素是否满足匹配,如果满足则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没有找到则返回一个空的jQuery对象。

  closest对于处理 事件委托 非常有用。

  3、find(expr | obj | ele)

  搜索所有与指定表达式匹配的元素。

  4、next([expr])

  获取集合中每一个元素紧邻后面的同辈元素集合。

  5、nextAll([expr])

  查找当前元素之后所有的同辈元素。

  6、nextUntil([expr | ele][, filter])

  查找当前元素之后所有的同辈元素,知道遇到匹配的那个元素位置。

  7、parent([expr])

  取得一个包含着所有匹配元素的唯一父元素的元素集合。

  8、parents([expr])

  取得一个包含着所有匹配元素的祖先元素的元素集合。

  9、parentsUntil([exp | ele][, filter])

  查找当前元素的所有父辈元素,直到遇到匹配的那个元素为止。

  10、prev([expr])

  取得一个包含匹配元素集合中每一个元素紧邻的前一个同辈元素的集合。
  只有紧邻的同辈元素会被匹配到,而不是前面所有的同辈元素。

  11、prevAll([expr])

  查找当前元素之前所有的同辈元素

  12、prevUntil([expr | ele][, filter])  

  查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。

  13、siblings([expr])

  取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。

3 串联

  1、add(expr | ele | html | obj[, con])

  把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。

  2、addSelf()

  加入先前所选元素到当前集合中。

  对于筛选或查找后的元素,要加入先前所选元素时将很有用。

  3、contents()

  查找匹配元素内部所有的子节点(包括文本节点)。如果元素时一个iframe,则查找文档内容。

  4、end()

  将匹配的元素列表变为前一次的状态。即回去最近一个“破坏性”操作之前。

  

jQuery(五)、筛选的更多相关文章

  1. jQuery三——筛选方法、事件

    一.jquery常用筛选方法 以下为jquery的常用筛选方法: 代码示例如下: <!DOCTYPE html> <html lang="en"> < ...

  2. 从零开始学习jQuery (五) 事件与事件对象

    本系列文章导航 从零开始学习jQuery (五) 事件与事件对象 一.摘要 事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解 ...

  3. jquery遍历筛选数组的几种方法和遍历解析json对象

    jquery grep()筛选遍历数组 $().ready(    function(){        var array = [1,2,3,4,5,6,7,8,9];        var fil ...

  4. jQuery之筛选操作

    jQuery之筛选操作 筛选操作分三大类:过滤,查找,串联 eq(),first(),last(),hasClass(),filter(),is() html代码 jQuery代码 效果如下: map ...

  5. Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解

    Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解 一.Jquery遍历筛选数组 1.jquery grep()筛选遍历数组 $().ready( function(){ v ...

  6. jQuery五屏轮播手风琴切换代码

    jQuery五屏轮播手风琴切换代码 在线演示本地下载

  7. jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法

    jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq ...

  8. jQuery(五): Deferred

    jQuery(五): Deferred 有啥用 通常来说,js请求数据,无论是异步还是同步,都不会立即获取到结果,通常而言,我们一般是是使用回调函数再执行,而 deferred就是解决jQuery的回 ...

  9. jQuery的筛选选择器

    基本筛选选择器 很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素.筛选选择器很多都不是CSS的规范,而是jQu ...

随机推荐

  1. python 防止sql注入字符串拼接的正确用法

    在使用pymysql模块时,在使用字符串拼接的注意事项错误用法1 sql='select * from where id="%d" and name="%s" ...

  2. 发现了一个非常棒的pyqt5的例子集

    发现了一个非常棒的pyqt5的例子集 https://github.com/892768447/PyQt 各种各样的PyQt测试和例子 [Python3.4.4 or Python3.5][PyQt5 ...

  3. ABP学习笔记(1)-使用mysql

    前言 开始学习ABP啦 下载官方模板 ​ 下载地址: https://aspnetboilerplate.com/Templates ​ 我这边选择的是.NET Core+VUE 移除SqlServe ...

  4. react源码总览(翻译)

    用react也有段时间了, 是时候看看人家源码了. 看源码之前看到官方文档 有这么篇文章介绍其代码结构了, 为了看源码能顺利些, 遂决定将其翻译来看看, 小弟英语也是半瓢水, 好多单词得查词典, 不当 ...

  5. 约定Service构建方式

    对于DevOps中,将开发好的软件交付给运维人员去部署与维护,过程中参杂着诸多不可控制的变量,如环境问题.版本问题等等,而Docker容器极大程度上解决了这些问题,同时对于服务的持续交付,也变得方便和 ...

  6. 也谈Reactor模式

    何谓Reactor模式?它是实现高性能IO的一种设计模式.网上资料有很多,有些写的也很好,但大多不知其所以然.这里博主按自己的思路简单介绍下,有不对的地方敬请指正. BIO Java1.4(2002年 ...

  7. C#EF中,使用类似于SQL中的% 模糊查询

    最近在做项目的时候需要使用到模糊查询,但是后台使用EF写的 而不是ADO或者是Dapper,如果是这样的话,我们就可以使用Sql语句直接进行模糊查询 现在我们需要在LINQ中使用类似于模糊查询 在EF ...

  8. Mybatis框架的简单运用

    一.配置流程 1.流程示意图(通过XML映射文件实现): 2.流程: 2.1 导入包: 2.1.1 下载包 数据库驱动包(本文以MySQL为例):https://mvnrepository.com/a ...

  9. shiro的DelegatingFilterProxy怎么找到ShiroFilterFactoryBean

    首先看到web.xml中的配置 <context-param> <param-name>contextConfigLocation</param-name> < ...

  10. Shiro详解

    Shiro Shiro集成Spring 加入Spring和Shiro的jar包 配置Spring及SpringMVC 参照:官方给出的案例shiro\samples\spring Shiro集成Web ...