html 引入jquery
时间: 2024-07-27 15:00:57 浏览: 71
引入jQuery到HTML中通常有两种常见方法:
**方法一:CDN链接**
直接在`<head>`部分使用CDN(内容分发网络)链接,这是最简单的方式,因为浏览器会自动下载并缓存jQuery库。
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Example</title>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <!-- 使用最新的稳定版本 -->
</head>
<body>
<!-- ... -->
</body>
</html>
```
这里的`https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js`是jQuery的CDN链接,可以根据需要替换为其他版本。
**方法二:本地引入**
如果你希望将jQuery放在项目文件夹内,可以使用`<script>`标签直接引入:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Example</title>
<script src="path/to/jquery.min.js"></script> <!-- 替换为你的jQuery文件路径 -->
</head>
<body>
<!-- ... -->
</body>
</html>
```
请确保已经下载了jQuery库,或者将其放置在项目的相应目录下。
无论哪种方法,确保jQuery库加载完成后,你的JavaScript代码才能访问其API。在使用jQuery之前,可以在浏览器控制台检查`window.jQuery`是否已存在。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)