jQuery(五)、筛选
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(五)、筛选的更多相关文章
- jQuery三——筛选方法、事件
一.jquery常用筛选方法 以下为jquery的常用筛选方法: 代码示例如下: <!DOCTYPE html> <html lang="en"> < ...
- 从零开始学习jQuery (五) 事件与事件对象
本系列文章导航 从零开始学习jQuery (五) 事件与事件对象 一.摘要 事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解 ...
- jquery遍历筛选数组的几种方法和遍历解析json对象
jquery grep()筛选遍历数组 $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var fil ...
- jQuery之筛选操作
jQuery之筛选操作 筛选操作分三大类:过滤,查找,串联 eq(),first(),last(),hasClass(),filter(),is() html代码 jQuery代码 效果如下: map ...
- Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解
Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解 一.Jquery遍历筛选数组 1.jquery grep()筛选遍历数组 $().ready( function(){ v ...
- jQuery五屏轮播手风琴切换代码
jQuery五屏轮播手风琴切换代码 在线演示本地下载
- jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法
jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq ...
- jQuery(五): Deferred
jQuery(五): Deferred 有啥用 通常来说,js请求数据,无论是异步还是同步,都不会立即获取到结果,通常而言,我们一般是是使用回调函数再执行,而 deferred就是解决jQuery的回 ...
- jQuery的筛选选择器
基本筛选选择器 很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素.筛选选择器很多都不是CSS的规范,而是jQu ...
随机推荐
- 干货!分享一款windows下的磁盘分析神器。
作为开发人员的你,肯定遇到过这样的情况,120G SSD系统盘居然满载了,到底是被哪些程序占用了,包含哪些大文件,这个时候脑袋里就开始回忆了.....这对平时没有养成规范化记录安装软件好习惯的同学而言 ...
- Mybatis之旅第六篇-关联查询
一.引言 通过动态SQL我们可以进行复杂SQL的编写,但之前的例子都是单表查询,在实际开发中,当然不可能都是单表,很多时候我们需要进行关联多表查询(有些公司为了性能还是尽量的使用单表查询),表与表之间 ...
- 阿里云ECS安装Cadvisor报错
阿里云ECS安装Cadvisor报错安装命令: sudo docker run \ --volume=/:/rootfs:ro \ --volume=/var/run:/var/run:ro \ -- ...
- SpringCloud学习系列之四-----配置中心(Config)使用详解
前言 本篇主要介绍的是SpringCloud中的分布式配置中心(SpringCloud Config)的相关使用教程. SpringCloud Config Config 介绍 Spring Clou ...
- Git版本控制 —— IDE工具(IDEA)
本文介绍使用IDEA控制Git操作 关联本地Git客户端 首先要根据系统环境安装Git客户端 然后使用File --> Settings --> Version Control --&g ...
- 如何定义开发完成?(Definition of Done)
最近在拜读郑晔的10x程序员工作法,收益良多,文中提出一个概念叫DoD(Definition of Done)给我的感触颇深.这让我联想到实际工作过程中,经常遇到的扯皮.争吵等各种场景,其实就和这个D ...
- 搭建基于Docker社区版的Kubernetes本地集群
Kubernetes的本地集群搭建是一件颇费苦心的活,网上有各种参考资源,由于版本和容器的不断发展,搭建的方式也是各不相同,这里基于Docker CE的18.09.0版本,在Mac OS.Win10下 ...
- 第65章 博客帖子 - Identity Server 4 中文文档(v1.0.0)
第65章 博客帖子 65.1 团队帖子 65.1.1 2019 IdentityServer中的范围和声明设计 尝试使用IdentityServer4的设备流程 OAuth2中隐含流的状态 另一种保护 ...
- Java基础练习2(构造方法)
1.以下关于面向对象概念的描述中,不正确的一项是() A.在构造方法中,this()只能出现在构造方法第一行位置 B.在构造方法中,super()只能出现在构造方法第一行位置 C.this()和sup ...
- JavaSE:数据类型之间的转换(附常见面试题)
数据类型之间的转换 分为以下几种情况: 1)低级到高级的自动类型转换: 2)高级到低级的强制类型转换(会导致溢出或丢失精度): 3)基本类型向类类型转换: 4)基本类型向字符串的转换: 5)类类型向字 ...