我是靠谱客的博主 独特鞋垫,最近开发中收集的这篇文章主要介绍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所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(80)

评论列表共有 0 条评论

立即
投稿
返回
顶部