jQuery 选择器是一种用于选择 HTML 元素的方式,它可以帮助我们快速地查找和操作 DOM 元素。jQuery 选择器可以根据元素的名称、属性、类型、属性值等来查找指定的元素,这些元素可以是 HTML 元素,也可以是 XML 元素。
jQuery 选择器可以分为三类:基本选择器、属性选择器和过滤选择器。
基本选择器:基本选择器是最常用的选择器,它可以根据元素的标签名、ID 和类来查找元素。它的语法如下:
- 根据标签名选择:$("div")
- 根据 ID 选择:$("#id")
- 根据类选择:$(".class")
属性选择器:属性选择器可以用来根据元素的属性值来查找元素,它的语法如下:
- 根据属性名选择:$("[attributeName]")
- 根据属性值选择:$("[attributeName=value]")
- 根据属性值开头选择:$("[attributeName^=value]")
- 根据属性值结尾选择:$("[attributeName$=value]")
- 根据属性值包含选择:$("[attributeName*=value]")
过滤选择器:过滤选择器可以用来过滤元素,它的语法如下:
- 过滤第一个元素:$(":first")
- 过滤一个元素:$(":last")
- 过滤偶数行:$(":even")
- 过滤奇数行:$(":odd")
- 过滤空元素:$(":empty")
- 过滤被选择的元素:$(":checked")
- 过滤可用的元素:$(":enabled")
- 过滤不可用的元素:$(":disabled")
- 过滤包含文本的元素:$(":contains(text)")
- 过滤选择的元素:$(":selected")