html怎么调用外部jquery?

对前端HTML感兴趣的同学对于jQuery一定也很有兴趣,下面本篇文章就来给大家介绍一下怎样在HTML中调用外部jQuery。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

html怎么调用外部jquery?

调用方法:

方法1:从 jquery.com 下载 jQuery 库

方法2:从 Staticfile CDN、又拍云、新浪、谷歌或微软等引用 jQuery

(1)下载jQuery

下载地址: jquery.com

Production version:用于实际的网站中,已被精简和压缩。

Development version:用于测试和开发(未压缩,是可读的代码)。

在HTML的页面中使用<script>引入这个jQuery文件,代码如下:

<script src='本地jquery文件路径'></script>

(2)在公网上引用jQuery

引用代码如下:

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

或:

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

或:

<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">

或:

<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">

推荐方式2公网引用。

注意

注意!一定要先引入jQuery,再写自己的jquery代码,因为页面的加载顺序是从上到下加载,浏览器会先加载你的jquery代码再加载jquery库,造成你的jquery代码会被认为是错误书写格式,无法实现效果。

<script src="jQuery文件路径"></script>
<script>
//在此书写你的jquery代码
</script>

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是html怎么调用外部jquery?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读