属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素。
|
选择器
|
描述
|
返回
|
示例
|
|
[attribute] |
选择拥有此属性的元素 |
集合元素 |
$(“div[id]“)选取拥有属性id的元素 |
|
[attribute=value] |
选取属性的值为value的元素 |
集合元素 |
$(“div[title=test]“)选取属性title的值为“test”的div元素 |
|
[attribute!value] |
选取属性的值不等于value的元素 |
集合元素 |
$(“div[title!=test]“)选取属性title的值不等于“test”的div元素注意：没有属性title的div元素也会被选取 |
|
[attribute^=value] |
选取属性的值以value开始的元素 |
集合元素 |
$(“div[title^=test]“)选取属性title的值以“test”开始的div元素 |
|
[attribute$=value] |
选取属性的值以value为结束的元素 |
集合元素 |
$(“div[title$=test]“)选取属性title的值以“test”为结束的div元素 |
|
[attribute*=value] |
选取属性的值含有value的元素 |
集合元素 |
$(“div[title*=test]“)选取属性title的值含有“test”的div元素 |
|
[selector1][selector2][selectorN] |
用属性选择器合并成一个复合属性选择器，满足多个条件。每选择一次，检索范围就缩小一次 |
集合元素 |
$(“div[id][title*=test]“)选取拥有属性id，且属性title的值含有“test”的div元素 |
分享到：
相关推荐
#### 内容过滤选择器 1. **:first**: 选取第一个元素，等同于`first()`方法。 2. **:last**: 选取最后一个元素，等同于`last()`方法。 3. **:not(selector)**: 选取不匹配selector的所有元素。 4. **:even**: 选取...
过滤选择器用于进一步筛选已选元素集合，包括基于属性、索引位置、可见性等进行选择。例如： - `$(".myClass:even")` 选择所有偶数索引的`myClass`类元素 - `$(".myClass:gt(2)")` 选择所有索引大于2的`myClass`类...
`jquery1.7.2中文API修正版.chm` 提供了关于jQuery 1.7.2版本的中文文档，包括选择器、DOM操作、事件处理、效果和Ajax等内容，是理解jQuery操作网页元素的关键。 **jQuery EasyUI框架** jQuery EasyUI 将jQuery的...
今天我们将深入探讨一个特定的jQuery功能——可见性过滤选择器。这些选择器允许我们根据元素的可见状态来选取DOM中的节点，从而实现更加精细化的操作。 首先，jQuery提供了两种主要的可见性过滤选择器：`:visible` ...
过滤选择器则帮助我们进一步细化选取结果，例如： 1. **`:first`和`:last`**: 选取第一个或最后一个元素。 2. **`:even`和`:odd`**: 选取索引偶数或奇数的元素。 3. **`:not(selector)`**: 排除匹配指定选择器的...
- **有无属性选择器**: 如`$('a[@rel]')`选取所有带有`rel`属性的`<a>`标签。 - **值相等选择器**: 如`$('input[@name=hello]')`选取所有`name`属性值为`hello`的`<input>`。 - **属性不等选择器**: 如`$('input[@...
2. **选择器的增强**：在默认情况下，HTML `<select>` 元素的功能相对有限。`jquery.editable-select` 提供了一个可编辑的文本输入框，与下拉选项列表相结合，使得用户可以即时搜索匹配项，无需滚动长长的列表。 3....
#### 内容过滤选择器 - `$("div:animated")`选取正在执行动画效果的所有`<div>`元素。 - `$("div:contains('John')")`选取含有文本“John”的所有`<div>`元素。 - `$("td:empty")`选取所有空的`<td>`元素。 - `$(...
选择器按功能分为基础选择器、层次选择器、属性选择器、表单选择器、可见性选择器、位置选择器、子元素选择器、内容选择器、属性选择器、表单对象属性选择器以及过滤选择器。每类选择器都有其独特的应用场景，熟悉并...
按照过滤规则的不同，我们通常把jQuery过滤选择器分为：基本过滤、属性过滤、内容过滤、子元素过滤、表单对象属性过滤、可见性过滤等。今天我们主要学习一下其中的“基本过滤选择器”。 一、:first 选
4. **属性过滤选择器** - 用于选择具有指定属性的元素。 - 实例: `$("input[type='text']")` 获取所有`type`属性为`text`的`<input>`元素 5. **子元素过滤选择器** - 用于选择特定类型的子元素。 - 实例: `$(...
6. **过滤选择器**: 用于从已选集进一步筛选元素，如`:visible`（可见元素）、`:hidden`（隐藏元素）和`:not(selector)`（排除指定选择器匹配的元素）。例如，`$("input[type='text']:visible")`选取所有可见的文本...
本文将对JQuery中属性过滤选择器的用法进行实例分析，帮助理解各种属性过滤选择器的实际应用。 1. 包含特定属性的选择器 使用`[attribute]`形式可以匹配所有包含给定属性的元素。例如，选择所有带有`id`属性的`div`...
属性过滤选择器是jQuery中用于基于元素的属性进行筛选的一类选择器。它们允许我们根据元素的属性值是否存在、等于某个值或者以某个字符串开头等条件来选取元素。常见的属性过滤选择器包括： 1. `[attribute]`：选取...
这个名为"jQuery选择器.rar"的压缩包文件显然包含了关于jQuery选择器的相关学习资源，可能包括示例代码、教程文档等。这些内容可能与《锋利的jQuery第二版》这本书中的章节相匹配，该书是jQuery学习的经典参考资料之...
8. **表单对象属性过滤选择器** - `:enabled`：选取表单中所有可使用的元素。 - `:disabled`：选取表单中所有禁用的元素。 - `:checked`：选取所有被选中的复选框或单选按钮。 - `:selected`：选取所有被选中的`...
本文将深入探讨jQuery中的四种主要选择器：ID选择器、标签选择器、类选择器和属性选择器。这些选择器是jQuery高效地定位页面元素的基础，让我们逐一了解它们。 首先，ID选择器是通过CSS的`#`符号来指定一个元素的...
#### 表单对象属性过滤选择器：控制表单元素状态 这些选择器专为表单设计，帮助处理用户输入的状态： - `:enabled`和`:disabled`选取启用或禁用的元素。 - `:checked`选取已选中的单选或复选框。 - `:selected`选取...