Rumah > hujung hadapan web > html tutorial > html如何调用外部jquery

html如何调用外部jquery

coldplay.xixi
Lepaskan: 2023-01-04 09:38:58
asal
3402 orang telah melayarinya

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>
Salin selepas log masuk

(2)在公网上引用jQuery

引用代码如下:

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

或:

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

或:

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

或:

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

推荐方式2公网引用。

注意

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

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

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

Atas ialah kandungan terperinci html如何调用外部jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan