📜  jQuery | :选中选择器(1)

📅  最后修改于: 2023-12-03 15:32:12.022000             🧑  作者: Mango

jQuery | :选中选择器

在 jQuery 中,可以使用选择器来选中 HTML 元素并执行操作。使用选择器可以方便地通过 ID、类名、标签名等方式来选中元素,同时也支持一些高级的选择器,如属性选择器、子元素选择器等。

在 jQuery 中,选中选择器的语法为 $(selector),其中 selector 可以是任何有效的 CSS 选择器。

基本选择器
ID 选择器

使用 # + ID 来选中指定 ID 的元素。

$("#myId")
类选择器

使用 . + class 来选中指定类名的元素。

$(".myClass")
标签选择器

使用标签名来选中指定标签的元素。

$("div")
高级选择器
子元素选择器

使用 > 来选中指定元素的子元素。例如选中 div 元素下的所有 p 元素:

$("div > p")
后代元素选择器

使用空格来选中指定元素内的所有后代元素。例如选中 div 元素内的所有 p 元素:

$("div p")
属性选择器

使用 [attribute] 选中具有指定属性的元素,使用 [attribute=value] 选中具有指定属性和属性值的元素。例如选中 input 元素中类型为 text 的元素:

$("input[type='text']")
其他选择器

除了上述常用的选择器外,还有一些其他的选择器,如 :first:last:even:odd 等,可以用于选中元素集合中的特定元素。

$("li:first")
$("li:last")
$("li:even")
$("li:odd")

总之,在 jQuery 中,选择器是非常强大的工具,可以帮助开发者轻松地选中 HTML 元素并执行各种操作。学好选择器,对于使用 jQuery 开发 Web 应用程序是至关重要的。