如何在 jQuery 中按 ID 选择元素？

在 jQuery 中，我们可以使用 $ 符号来选择元素，其中最基本的选择器就是按 ID 选择器操作 DOM 元素。这里我们介绍如何使用 jQuery 中的 ID 选择器操作 DOM 元素。

语法

按 ID 选择器的语法格式为：

$("#id")

其中 # 符号表示选择器类型为 ID 选择器，后面紧跟着 ID 名称，用双引号或单引号引起来。

示例

比如说我们有一段 HTML 代码：

<div id="example">Hello, World!</div>

想用 jQuery 来选取这个 div 元素，可以写出以下代码：

$("#example")

这里我们使用 ID 选择器来选取 id 为 example 的元素，并返回一个 jQuery 对象。

可以进行的操作

选取元素之后，我们可以对选取到的元素进行各种操作。比如获取元素的属性值、修改元素的文本、添加样式等等。

获取元素属性值

可以使用 .attr() 方法获取元素的属性值。比如获取刚刚选取的 div 元素的 id 值，可以写出以下代码：

$("#example").attr("id")

修改元素的文本

可以使用 .text() 方法修改元素的文本。比如将刚刚选取的 div 元素的文本修改为 Bye, World!，可以写出以下代码：

$("#example").text("Bye, World!")

添加样式

可以使用 .css() 方法添加/修改元素的 CSS 样式。比如将刚刚选取的 div 元素的背景色修改为红色，可以写出以下代码：

$("#example").css("background-color", "red")

总结

以上就是使用 jQuery 中按 ID 选择元素的相关语法和操作。通过 jQuery 的强大选择器，我们可以轻松地选取到需要操作的 DOM 元素，并完成各种操作。