1. 下载并引入 jQuery 文件:
首先,你可以访问 [jQuery 官网](https://jquery.com/download/) 下载最新版本的 jQuery。
1. 下载 jQuery 文件并将其保存到项目文件夹中。
2. 在 HTML 文件的 <head> 标签中引入 jQuery 文件。例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Web Page</title>
<!-- 引入 jQuery 文件 -->
<script src="path/to/jquery.min.js"></script>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
2. 使用 CDN 引入 jQuery:
CDN(内容分发网络)是一种通过网络提供文件的方式,可以加速文件的加载。
1. 在 HTML 文件的 <head> 标签中使用 jQuery 的 CDN 地址。例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Web Page</title>
<!-- 使用 jQuery 的 CDN 地址 -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
使用 CDN 的优势在于不需要下载文件到本地,而是直接从网络加载,可以提高加载速度并且通常具有缓存机制。
无论你选择哪种方式,一旦引入了 jQuery,你就可以在页面中使用 jQuery 提供的功能了。例如:
<script>
$(document).ready(function() {
// 在这里编写你的 jQuery 代码
$("p").click(function() {
$(this).hide();
});
});
</script>
上述代码在文档加载完成后运行,当 <p> 元素被点击时,隐藏它。
转载请注明出处:http://www.zyzy.cn/article/detail/12868/jQuery