首页 > web前端 > html教程 > html如何调用外部jquery

html如何调用外部jquery

coldplay.xixi
发布: 2023-01-04 09:38:58
原创
3401 人浏览过

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=&#39;本地jquery文件路径&#39;></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的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板