名称选择器 jQuery - Javascript

jQuery 是一个优秀的 Javascript 库，它提供了非常方便的选择器，使得我们可以轻松地选取 HTML 元素并对其进行操作。

名称选择器是 jQuery 中的一种选择器，可以通过元素名、class 名称或 id 名称来选取元素。以下是名称选择器的使用方法示例。

选取元素

// 选择名为 "example" 的元素
$("example")

// 选择所有的 <div> 元素
$("div")

// 选择所有 class 为 "example" 的元素
$(".example")

// 选择 id 为 "example" 的元素
$("#example")

多元素选择

名称选择器可以选择多个元素。

// 选择所有的 <h1>、<h2> 和 <h3> 元素
$("h1, h2, h3")

// 选择所有 class 为 "example" 或 "sample" 的元素
$(".example, .sample")

// 选择所有 <div> 元素和所有 class 为 "example" 的元素
$("div, .example")

选择元素下的子元素

有时候需要选择某个元素下的子元素。

// 选择 class 为 "example" 的所有 <p> 元素
$(".example p")

// 选择 id 为 "example" 的元素下的所有 <p> 元素
$("#example p")

// 选择 <ul> 元素下的所有 <li> 元素
$("ul li")

选择第一个和最后一个元素

有时候需要选择第一个或者最后一个元素。

// 选择第一个 <div> 元素
$("div:first")

// 选择最后一个 <div> 元素
$("div:last")

// 选择第一个 class 为 "example" 的元素
$(".example:first")

// 选择最后一个 class 为 "example" 的元素
$(".example:last")

以上就是 jQuery 中名称选择器的基础用法。

如果您对 jQuery 还不熟悉，可以继续学习 jQuery 基础语法，掌握更多的选择器和操作方法。