首頁  >  文章  >  web前端  >  html如何呼叫外部jquery

html如何呼叫外部jquery

coldplay.xixi
coldplay.xixi原創
2021-01-06 16:38:493349瀏覽

html呼叫外部jquery的方法:1、從【jquery.com】下載jQuery函式庫;2、從Staticfile CDN、又拍雲端、新浪、Google或微軟等引用jQuery。

html如何呼叫外部jquery

本教學操作環境:windows7系統、jquery3.2.1&&html5版本,DELL G3電腦,此方法適用於所有品牌電腦。

推薦:jquery影片教學

html呼叫外部jquery的方法:

(1)下載jQuery

下載位址: jquery.com

Production version:用於實際的網站中,已被精簡和壓縮。

Development version:用於測試和開發(未壓縮,是可讀的程式碼)。

在HTML的頁面中使用3f1c4e4b6b16bbbd69b2ee476dc4f83a引入這個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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn