使用 jQuery - JavaScript

jQuery 是一个 JavaScript 库，它具有各种功能和工具，可以轻松地使用 HTML 文档进行操作。

安装

有几种方法可以安装 jQuery。

下载

你可以从 jQuery 官方网站 下载 jQuery 库的最新版本。将其下载后，通过以下方式引入到页面中：

<script src="path/to/jquery.js"></script>

CDN

除了下载之外，你还可以使用全球分发网络（CDN）上的 jQuery 版本。这将减少加载时间并提高性能。你可以使用以下链接：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

开始使用

当你成功安装 jQuery 后，就可以开始在项目中使用它。首先，需要在文档加载完成后添加以下 JavaScript 代码：

$(document).ready(function() {
  // Your code here
});

以上代码表示，当文档加载完成后，jQuery 会准备好操作 DOM。你现在可以添加自定义代码来操作 HTML 元素。

操作 DOM

一旦你准备好了 jQuery，你就可以使用下列简单命令来操作 DOM：

// 获得一个元素
$("selector")

// 添加或删除 class
$("selector").addClass("class");
$("selector").removeClass("class");

// 遍历元素
$("selector").each(function () {
  // Your code here
});

// 显示或隐藏元素
$("selector").show();
$("selector").hide();

// 更改元素的内容
$("selector").text("Text content");

发送 Ajax 请求

除了操作 DOM 之外，jQuery 还可以发送 Ajax 请求获取数据。使用 $.ajax() 可以发送请求并在请求完成后执行回调函数：

$.ajax({
  url: "url/to/data.json",
  dataType: "json",
  success: function(response) {
    // Your code here
  }
});

结论

jQuery 是一个非常有用的 JavaScript 库，它可以帮助你轻松地操作 HTML 元素和发送 Ajax 请求。如果你正在开发一个 Web 应用程序，我强烈建议你使用它。