1.官网JS包引入代码

直接在百度搜索jQuery,找到下载官网,如下:

​https://jquery.com/download/​​​jQuery下载的几种方式和引入代码_官网

下载成功以后进行解压,如下方式引入

jQuery下载的几种方式和引入代码_官网_02

但是jQuery官网有时下载会出现乱码无法下载,现在提供第二种下载方式;

2.第三方网页下载

链接:​​https://www.zidiu.com/page-6065.html​

jQuery下载的几种方式和引入代码_官网_03

3.在线引入------CDN jQuery标签

只需要​搜索cdn jQuery就可以找到对应的script标签,这里就给出几个我认为很好的script标签,大家也可以根据自己的需求去自己搜索

​jQuery官网CDN​

​建议使用这个标签

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

百度cdn

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

​复制标签以后

jQuery下载的几种方式和引入代码_官网_04

jQuery就引用成功了,下面给大家一段可以运行的小代码吧:

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery的第一次学习</title>
<!-- cdn的引入 在线的-->
<!-- <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<!-- 本地用法-->
<script src="lib/jquery-3.5.1.js"></script>
</head>
<body>
<!--
公式:$(selector).action()
-->
<a href="#" id="test-jQuery">点我</a>
<script>
'use strict'
document.getElementById('test-jQuery')
$('#test-jQuery').click(function () {
alert(1)
})
</script>
</body>
</html>