欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html如何调用外部jquery

程序员文章站 2022-03-09 14:10:13
...

html调用外部jquery的方法:1、从【jquery.com】下载jQuery库;2、从Staticfile CDN、又拍云、新浪、谷歌或微软等引用jQuery。

html如何调用外部jquery

本教程操作环境:windows7系统、jquery3.2.1&&html5版本,DELL G3电脑,该方法适用于所有品牌电脑。

推荐:jquery视频教程

html调用外部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>

更多编程相关知识,请访问:编程教学!!

以上就是html如何调用外部jquery的详细内容,更多请关注其它相关文章!

相关标签: html 外部jquery