jQuery 学习-样式篇（一）：如何引用 jQuery

最新推荐文章于 2023-12-27 21:02:49 发布

店伙计

最新推荐文章于 2023-12-27 21:02:49 发布

阅读量6.5k

点赞数

分类专栏： Web 前端开发笔记文章标签： jquery

本文链接：https://blog.csdn.net/xzk9381/article/details/111687826

版权

Web 前端开发笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

推荐阅读

Helm3（K8S 资源对象管理工具）视频教程：https://edu.csdn.net/course/detail/32506

Helm3（K8S 资源对象管理工具）博客专栏：https://blog.csdn.net/xzk9381/category_10895812.html

本文原文链接：https://blog.csdn.net/xzk9381/article/details/111687826，转载请注明出处。如有发现文章中的任何问题，欢迎评论区留言。

引用 jQuery 有两种方式：

引用外链
引用本地文件

一、引用外链

引用外链的方式首先要到 jQuery 官网中，找到 jQuery 的 uncompressed 的版本，并复制弹出框中给出的内容至 HTML 中：

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="http://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
  crossorigin="anonymous"></script>
</head>
<body>
	<script type="text/javascript">
		console.log($)
	</script>
</body>
</html>

在 JS 中打印 $ 符号，可以测试 jQuery 是否引用成功。

二、引用本地文件

也可以将这个 jQuery 文件保存到本地，然后使用如下方式引用：

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="jquery-1.12.4.js">
	</script>
</head>
<body>
	<script type="text/javascript">
		console.log($)
	</script>
</body>
</html>