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标签引入,比如:
代码语言:html复制<script src="../../static/js/jquery-3.7.1.min.js"></script>
CDN引入jQuery的方法
如果不想下载jQuery,也可以通过CDN的方式,将jQuery引入HTML,比如:
代码语言:html复制<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" rel="external nofollow" >
</script>
jQuery引入实例代码,及在线编辑器
下面实例将通过一个点击按钮添加文本的实例来展示jQuery的用法,如下:
代码语言:html复制<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
免责声明:内容仅供参考,不保证正确性!