jQuery文件下载方法及引入HTML语法

jQuery下载

去jQuery网站下载文件包，点击主页的“Download”之后，进入下载页面，可以选择production版本的进行下载，但是点击进去之后，浏览器并不会直接下载相关的文件，而是跳转到一个“密密麻麻”都是jQuery代码的页面，仔细查看浏览器地址栏中的url便可知，该页面其实就是jQuery的min版的文件，可以使用下面这种方法，下载jQuery文件：

右键点击该页面，在弹出的菜单中选择另存为，在另存为的菜单中默认保存的后缀名为".js"，如果不是，可以在下拉菜单中选择该类型的选项，然后保存即可下载jQuery文件了。鄙人下载的是最新版本的jquery-3.7.1.min.js

提示：jQuery的文件的扩展名是".js"，下载完之后，无需安装，使用直接引入即可使用jQuery。

jQuery引入HTML的方法

jQuery是js文件，引入HTML的方法与引入JavaScript文件的方法一样，在HTML的head标签内使用script标签引入，比如：

<script src="../../static/js/jquery-3.7.1.min.js"></script>

CDN引入jQuery的方法

如果不想下载jQuery，也可以通过CDN的方式，将jQuery引入HTML，比如：

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" rel="external nofollow" >
</script>

jQuery引入实例代码，及在线编辑器

下面实例将通过一个点击按钮添加文本的实例来展示jQuery的用法，如下：

script src="../../static/js/jquery-3.7.1.min.js"></script>
<p id="p1"></p>
<button id="btn" class="btn">jQuery</button>

<script>
  $('#btn').click(function(){
    $('#p1').text("jQuery添加段落文本");
  })
</script>

来源：笨鸟工具

原文：jQuery下载及引入HTML

免责声明：内容仅供参考，不保证正确性！