首頁 >web前端 >js教程 >如何引用jquery.min.js

如何引用jquery.min.js

coldplay.xixi
coldplay.xixi原創
2020-12-23 10:37:4920300瀏覽

引用jquery.min.js的方法:首先在官網下載【jquery.min.js】檔案;然後使用【3f1c4e4b6b16bbbd69b2ee476dc4f83a】標籤引用本地【jquery.min.js】檔案;最後引用線上【jquery.min.js】檔案即可。

如何引用jquery.min.js

本教學操作環境:windows7系統、jquery3.2.1&&jquery1.4.1版本,Dell G3電腦。

引用jquery.min.js的方法:

1、在官網下載jquery.min.js文件,然後使用 3f1c4e4b6b16bbbd69b2ee476dc4f83a標籤引用本地jquery.min.js檔案

<script type="text/javascript"src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

2、引用線上jquery.min.js檔案

我們可以透過在script的src屬性中寫一個網址來直接引用線上的jquery檔案。

事實上,現在應用jquery的網站非常非常多,瀏覽器會在加載之前使用jquery的網站時就預先下載過jquery,因此到了我們這裡就不用再次下載了,就算我們的jquery版本是一個新的沒被瀏覽器載入過的版本,jquery的程式碼下載也會進行的很快,不過,如果你還是擔心影響載入速度,本地匯入jquery檔案確實是最好的辦法。

<script type="text/javascript"src="http://code.jquery.com/jquery-1.4.1.min.js"></script>

注意

一定要先引入jQuery文件,再寫自己的jquery程式碼,因為頁面的載入順序是從上到下加載,瀏覽器會先載入你的jquery程式碼再載入jquery庫,造成你的jquery程式碼會被認為是錯誤書寫格式,無法實現效果。

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

相關免費學習推薦:javascript影片教學

以上是如何引用jquery.min.js的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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