当前位置 : 主页 > 网页制作 > html >

html如何调用外部jquery

来源:互联网 收集:自由互联 发布时间:2021-09-04
html调用外部jquery的方法:1、从【jquery.com】下载jQuery库;2、从Staticfile CDN、又拍云、新浪、谷歌或微软等引用jQuery。 本教程操作环境:windows7系统、jquery3.2.1html5版本,DELL G3电脑,该方

html调用外部jquery的方法:1、从【jquery.com】下载jQuery库;2、从Staticfile CDN、又拍云、新浪、谷歌或微软等引用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的详细内容,更多请关注自由互联其它相关文章!

网友评论