过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的伪类选择器语法相同，即选择器都以一个冒号(:)开头。按照不同的过滤规则，过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤选择器。
-
基本过滤选择器
|
选择器
|
描述
|
返回
|
示例
|
|
:first
|
选取第一个元素
|
单个元素
|
$(“div:first”)选取所有div元素中的第一个div元素
|
|
:last
|
选取最后一个元素
|
集合元素
|
$(“input:not:(.myclass)”)选取class不是myclass的input元素
|
|
:even
|
选取索引是偶数的所有元素，注意：索引是从0开始的
|
集合元素
|
$(“input:even”)选取索引是偶数的input元素。
|
|
:odd
|
选取索引是奇数的所有元素，注意：索引是从0开始的
|
集合元素
|
$(“input:odd”)选取索引是奇数的input元素。
|
|
:eq(index)
|
选取索引等于index的元素，注意：索引是从0开始的
|
集合元素
|
$(“input:eq(1)”)选取索引等于1的input元素。实际上选择的是第二个input元素
|
|
:gt(index)
|
选取索引大于index的元素，注意：索引是从0开始的
|
集合元素
|
$(“input:gt(1)”)选取索引大于1的input元素。
|
|
:lt(index)
|
选取索引小于index的元素，注意：索引是从0开始的
|
集合元素
|
$(“input:lt(1)”)选取索引小于于1的input元素。这个就等同于$(“input:eq(0)”)
|
|
:header
|
选取所有的标题元素，例如h1,h2,h3…..
|
集合元素
|
$(“:header”)选取网页中所有的h1,h2,h3….
|
|
:animated
|
选取当前正在执行动画的所有元素
|
集合元素
|
$(“div:animated”)选取正在执行动画的div元素
|
分享到：
相关推荐
#### 内容过滤选择器 1. **:first**: 选取第一个元素，等同于`first()`方法。 2. **:last**: 选取最后一个元素，等同于`last()`方法。 3. **:not(selector)**: 选取不匹配selector的所有元素。 4. **:even**: 选取...
jquery基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇
按照过滤规则的不同，我们通常把jQuery过滤选择器分为：基本过滤、属性过滤、内容过滤、子元素过滤、表单对象属性过滤、可见性过滤等。今天我们主要学习一下其中的“基本过滤选择器”。 一、:first 选
过滤选择器用于进一步筛选已选元素集合，包括基于属性、索引位置、可见性等进行选择。例如： - `$(".myClass:even")` 选择所有偶数索引的`myClass`类元素 - `$(".myClass:gt(2)")` 选择所有索引大于2的`myClass`类...
今天我们将深入探讨一个特定的jQuery功能——可见性过滤选择器。这些选择器允许我们根据元素的可见状态来选取DOM中的节点，从而实现更加精细化的操作。 首先，jQuery提供了两种主要的可见性过滤选择器：`:visible` ...
过滤选择器则帮助我们进一步细化选取结果，例如： 1. **`:first`和`:last`**: 选取第一个或最后一个元素。 2. **`:even`和`:odd`**: 选取索引偶数或奇数的元素。 3. **`:not(selector)`**: 排除匹配指定选择器的...
`jquery1.7.2中文API修正版.chm` 提供了关于jQuery 1.7.2版本的中文文档，包括选择器、DOM操作、事件处理、效果和Ajax等内容，是理解jQuery操作网页元素的关键。 **jQuery EasyUI框架** jQuery EasyUI 将jQuery的...
2. **选择器的增强**：在默认情况下，HTML `<select>` 元素的功能相对有限。`jquery.editable-select` 提供了一个可编辑的文本输入框，与下拉选项列表相结合，使得用户可以即时搜索匹配项，无需滚动长长的列表。 3....
- **基本元素选择器**: 如`$('div')`用于选取所有的`<div>`元素。 - **ID选择器**: 如`$('#myid')`选取ID为`myid`的元素。 - **CLASS选择器**: 如`$('.myclass')`选取所有类名为`myclass`的元素。 - **后代选择器**:...
#### 内容过滤选择器 - `$("div:animated")`选取正在执行动画效果的所有`<div>`元素。 - `$("div:contains('John')")`选取含有文本“John”的所有`<div>`元素。 - `$("td:empty")`选取所有空的`<td>`元素。 - `$(...
过滤选择器允许开发者根据不同的条件来过滤已选中的元素集合。这些条件可以是元素的位置、内容或属性等。过滤选择器分为几种类型： 1. **简单过滤选择器** - 用于选择满足简单条件的元素。 - 实例: `$("li:first...
选择器按功能分为基础选择器、层次选择器、属性选择器、表单选择器、可见性选择器、位置选择器、子元素选择器、内容选择器、属性选择器、表单对象属性选择器以及过滤选择器。每类选择器都有其独特的应用场景，熟悉并...
6. **过滤选择器**: 用于从已选集进一步筛选元素，如`:visible`（可见元素）、`:hidden`（隐藏元素）和`:not(selector)`（排除指定选择器匹配的元素）。例如，`$("input[type='text']:visible")`选取所有可见的文本...
- **基本过滤选择器**：例如`:first`选取第一个元素，`:last`选取最后一个元素，`:not(selector)`排除匹配的元素，`:even`选取偶数索引的元素，`:odd`选取奇数索引的元素，`:eq(index)`选取指定索引的元素，`:gt...
1. **基本过滤选择器** - `:first`和`:last`分别选取序列中的第一个和最后一个元素，如`$('span:first')`将首个`<span>`元素变为红色。 - `:not(selector)`排除符合特定条件的元素，如`$('div:not(.wrap)')`将除去...
简单过滤选择器是过滤选择器中使用最广泛的一种 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：...
1. **基本选择器**：包括`$()`函数内的ID选择器（如`$("#myID")`）、类选择器（`.myClass`）、元素选择器（`$("div")`）和标签选择器（`$("p")`）。这些选择器基于元素的ID、类名、标签名来定位元素。 2. **组合...