📅 最后修改于: 2023-12-03 14:53:06.393000 🧑 作者: Mango
jQuery 是一种广泛应用在网页开发中的 JavaScript 库。它简化了 JavaScript 的书写方式，提供了许多常用功能的封装，并优化了浏览器兼容性问题。本文将介绍如何执行 jQuery 代码。
在执行 jQuery 代码之前，需要先引入 jQuery 库。可以通过在 HTML 页面的 <head> 标签内添加以下代码来引入 jQuery 库：
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
其中，src 属性指定了 jQuery 库的下载地址，这里使用了 BootCDN 提供的 jQuery CDN 加速服务，以保证库文件的稳定和快速加载。
引入 jQuery 库之后，就可以在 JavaScript 中编写 jQuery 代码。可以将 jQuery 代码嵌入到 <script> 标签内，或者通过外部 JavaScript 文件来执行。
以下是一个简单的 jQuery 代码示例：
// jQuery 代码示例
$(document).ready(function() {
$("button").click(function() {
$("p").hide();
});
});
在这个代码示例中，$(document).ready() 函数用于在文档加载完毕后执行代码，$("button") 选取页面上的所有 <button> 标签，click() 方法为其绑定了单击事件，事件触发后调用 $("p").hide() 方法隐藏所有 <p> 标签。
可以将编写好的 jQuery 代码放在 <script> 标签内，也可以将其保存为外部 JavaScript 文件，在 HTML 页面中引入，然后通过调用相关 jQuery 函数来执行。
以下是通过调用 jQuery 函数来执行 jQuery 代码的代码示例：
<!DOCTYPE html>
<html>
<head>
<title>执行 jQuery 代码示例</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<button>隐藏段落</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").hide();
});
});
</script>
</body>
</html>
在这个代码示例中，$(document).ready() 函数指定文档加载完毕后执行代码，$("button").click() 方法为页面上的 <button> 标签绑定单击事件，事件触发后调用 $("p").hide() 方法隐藏所有 <p> 标签。
以上就是如何执行 jQuery 代码的介绍。需要注意的是，在使用 jQuery 函数时，需要先引入 jQuery 库，然后编写 jQuery 代码进行操作。执行 jQuery 代码可以通过将代码嵌入到 <script> 标签内，或者通过外部 JavaScript 文件来实现。