- jQuery 教程
- jQuery - 首页
- jQuery - 路线图
- jQuery - 概述
- jQuery - 基础
- jQuery - 语法
- jQuery - 选择器
- jQuery - 事件
- jQuery - 属性
- jQuery - AJAX
- jQuery DOM 操作
- jQuery - DOM
- jQuery - 添加元素
- jQuery - 删除元素
- jQuery - 替换元素
- jQuery CSS 操作
- jQuery - CSS 类
- jQuery - 尺寸
- jQuery - CSS 属性
- jQuery 效果
- jQuery - 效果
- jQuery - 动画
- jQuery - 链式调用
- jQuery - 回调函数
- jQuery 遍历
- jQuery - 遍历
- jQuery - 遍历祖先节点
- jQuery - 遍历子孙节点
- jQuery UI
- jQuery - 交互
- jQuery - 小部件
- jQuery - 主题
- jQuery 参考
- jQuery - 选择器
- jQuery - 事件
- jQuery - 效果
- jQuery - HTML/CSS
- jQuery - 遍历
- jQuery - 杂项
- jQuery - 属性
- jQuery - 工具函数
- jQuery 插件
- jQuery - 插件
- jQuery - PagePiling.js
- jQuery - Flickerplate.js
- jQuery - Multiscroll.js
- jQuery - Slidebar.js
- jQuery - Rowgrid.js
- jQuery - Alertify.js
- jQuery - Progressbar.js
- jQuery - Slideshow.js
- jQuery - Drawsvg.js
- jQuery - Tagsort.js
- jQuery - LogosDistort.js
- jQuery - Filer.js
- jQuery - Whatsnearby.js
- jQuery - Checkout.js
- jQuery - Blockrain.js
- jQuery - Producttour.js
- jQuery - Megadropdown.js
- jQuery - Weather.js
- jQuery 有用资源
- jQuery - 问答
- jQuery - 快速指南
- jQuery - 有用资源
- jQuery - 讨论
jQuery - 选择器参考
jQuery 选择器 用于根据元素的名称、id、类、类型、属性、值等“查找”(或选择)HTML 元素。jQuery 提供了一组选择器,包括基本选择器、属性选择器等。
这些选择器简化了识别和交互特定元素的过程,降低了 JavaScript 代码的复杂性。
jQuery 选择器参考
在下表中,我们列出了所有 jQuery 选择器:
序号 | 方法及描述 |
---|---|
1 | *
选择所有元素。 |
2 | #id
选择具有指定 id 的元素。 |
3 | .class
选择具有指定类的所有元素。 |
4 | .class,.class
选择具有任何指定类的所有元素。 |
5 | element
选择具有指定标签名称的所有元素。 |
6 | el1,el2,el3
选择具有任何指定标签名称的所有元素。 |
7 | :first
选择匹配元素集中第一个元素。 |
8 | :last
选择匹配元素集中最后一个元素。 |
9 | :even
选择偶数元素(基于零索引)。 |
10 | :odd
选择奇数元素(基于零索引)。 |
11 | :first-child
选择每个作为其父元素第一个子元素的元素。 |
12 | :first-of-type
选择每个在其同级元素中是其类型第一个元素的元素。 |
13 | :last-child
选择每个作为其父元素最后一个子元素的元素。 |
14 | :last-of-type
选择每个在其同级元素中是其类型最后一个元素的元素。 |
15 | :nth-child(n)
选择每个作为其父元素第 n 个子元素的元素。 |
16 | :nth-last-child(n)
选择每个作为其父元素第 n 个子元素的元素,从最后一个子元素开始计数。 |
17 | :nth-of-type(n)
选择每个在其同级元素中是其类型第 n 个元素的元素。 |
18 | :nth-last-of-type(n)
选择每个在其同级元素中是其类型第 n 个元素的元素,从最后一个元素开始计数。 |
19 | :only-child
选择每个作为其父元素唯一子元素的元素。 |
20 | :only-of-type
选择每个在其同级元素中是其类型唯一元素的元素。 |
21 | parent > child
选择所有作为父元素直接子元素的子元素。 |
22 | parent descendant
选择所有作为父元素子孙元素的子孙元素。 |
23 | element + next
选择紧接在元素后面的下一个元素。 |
24 | element ~ siblings
选择所有在元素之前的同级元素。 |
25 | :eq(index)
选择具有指定索引的元素。 |
26 | :gt(no)
选择所有索引大于指定数字的元素。 |
27 | :lt(no)
选择所有索引小于指定数字的元素。 |
28 | :not(selector)
选择所有不匹配给定选择器的元素。 |
29 | :header
选择所有标题元素(<h1> 到 <h6&g;)。 |
30 | :animated
选择所有当前正在执行动画的元素。 |
31 | :focus
选择当前具有焦点的元素。 |
32 | :contains(text)
选择所有包含指定文本的元素。 |
33 | :has(selector)
选择所有至少有一个与指定选择器匹配的元素作为其子孙元素的元素。 |
34 | :empty
选择所有没有子元素(包括文本节点)的元素。 |
35 | :parent
选择所有至少有一个子节点(元素或文本)的元素。 |
36 | :hidden
选择所有隐藏的元素。 |
37 | :visible
选择所有可见的元素。 |
38 | :root
选择文档的根元素。 |
39 | :lang(language)
选择所有具有指定语言属性的元素。 |
40 | [attribute]
选择所有具有指定属性的元素。 |
41 | [attribute=value]
选择所有具有指定属性和值的元素。 |
42 | [attribute!=value]
选择所有具有指定属性但不具有指定值的元素。 |
43 | [attribute$=value]
选择所有以指定值结尾的指定属性的元素。 |
44 | [attribute|=value]
选择所有属性值与指定值完全匹配或以指定值后跟连字符 (-) 开头的元素。 |
45 | [attribute^=value]
选择所有以指定值开头的指定属性的元素。 |
46 | [attribute~=value]
选择所有包含指定值的指定属性的元素(空格分隔列表)。 |
47 | [attribute*=value]
选择所有包含指定值的指定属性的元素。 |
48 | :input
选择所有 input、textarea、select 和 button 元素。 |
49 | :text
选择所有类型为“text”的 input 元素。 |
50 | :password
选择所有类型为“password”的 input 元素。 |
51 | :radio
选择所有类型为“radio”的 input 元素。 |
52 | :checkbox
选择所有类型为“checkbox”的 input 元素。 |
53 | :submit
选择所有类型为“submit”的 input 元素。 |
54 | :reset
选择所有类型为“reset”的 input 元素。 |
55 | :button
选择所有 button 元素和类型为“button”的 input 元素。 |
56 | :image
选择所有类型为“image”的 input 元素。 |
57 | :file
选择所有类型为“file”的 input 元素。 |
58 | :enabled
选择所有启用的元素。 |
59 | :disabled
选择所有禁用的元素。 |
60 | :selected
选择下拉列表中所有选定的选项。 |
61 | :checked
选择所有选中的复选框或单选按钮。 |