8.1 连接 jQuery
最后，我们来到了 jQuery 库。到写这篇文章的时候，它已经过时了，几乎从未在新项目中使用过。但有一段时间它非常流行，文档非常丰富，并且在 Internet 上有很多使用它的示例。
因此，如果您正在编写一个小型 Web 项目并且不想花数月时间学习现代框架，我建议您使用 jQuery 库。
为了使用数以千计的 jQuery 函数，您只需要将它包含在您的页面中。你可以这样做：
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
使用 jQuery 可以分为两种类型。
首先，您可以获得一个 jQuery 库对象，它是包装在自定义 jQuery 对象中的常规 HTML 元素。
其次，jQuery 有几个不绑定到 HTML 元素的全局对象。它们也需要被使用。
让我们从第一个开始。
8.2 使用选择器
jQuery 使用选择器来处理对象（还记得 CSS 及其类吗？）。所以，在 jQuery 中，如果你想选择某个对象或一组对象，你需要设置它们的选择器。
例子：
| 代码 | 描述 | 笔记 | |
|---|---|---|---|
| 1个 | $("股利") | 选择所有带有 DIV 标签的对象 | 许多对象 |
| 2个 | $("img.#image123") | 选择所有带有 IMG 标签和 ID == image123 的对象 | 一个对象 |
| 3个 | $("#image123") | 选择 ID == image123 的所有对象 | 一个对象 |
| 4个 | $("div.文章") | 选择所有带有 DIV 标记且具有类文章的对象 | 许多对象 |
假设我们想为所有链接添加事件处理onclick，下面是我们如何使用 jQuery 来实现：
$("a").click(function() {
alert("Click");
});
这里采取三个步骤：
- 获取与选择器匹配的对象
"a"。 - 我们创建一个调用
alert(). - 我们将此函数设置为
click第 1 点中所有对象的事件处理程序。
jQuery 的另一个优点是它的代码易于阅读。弄清楚一切是如何工作的并不需要太多。如果有工作代码，那么很容易理解它的作用。
8.3 使用文档元素
让我们看一下使用 jQuery 处理文档的几个场景。
获取元素的值（对于具有值的元素）：
var result = $ ("selector").value();设置元素值（对于有值的元素）：
$ ("selector").value(newValue);如何在某些元素中添加 HTML？
$ ("selector").html(newHTML);以及如何获取元素内部的 HTML？
var html = $ ("selector").html();如果我想获取/添加的不是 HTML，而是纯文本怎么办？这里也没有惊喜。
var html = $ ("selector").text();如果我想获取/更改元素的颜色怎么办？
$ ("selector").color("red");如果您需要使用样式，那么这也很容易做到：
$ ("selector").css("color", "red");如何添加新元素？
$ (".container").append($("h3"));
GO TO FULL VERSION