首頁 >web前端 >js教程 >怎麼引入jquery?

怎麼引入jquery?

little bottle
little bottle原創
2019-05-29 13:44:5940098瀏覽

jquery是一個用來取代JavaScript來快速書寫前端腳本語言的函式庫,jquery可以大大的簡化複雜的js程式碼,讓開發人員專注於實現頁面的效果。

怎麼引入jquery?

導入方式

#jquery的導入方式有兩種,一種是本機導入,一種是從超連結導入。

相關專題推薦:《jQuery教學

#方式一:本地導入

我們可以百度搜尋jquery,可以搜到jquery的官方網站:

https://jquery.com/

從這裡即可下載jquery的最新版本,點擊下載圖標,會跳到下載詳情頁面。

怎麼引入jquery?

點進鏈接,可以看到jquery的源碼,如下。

怎麼引入jquery?

我們直接ctrl a,選取所有,新建一個txt文件,將原始碼拷貝到其中,然後修改後綴名為.js即可。

接著,我們在要使用jquery的頁面引入這個.js文件,程式碼如下:

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

注意

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

方式二:導入線上jquery

我們可以透過在script的src屬性中寫一個網址來導入線上的jquery程式碼。

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

導入線上jquery:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
	//在此书写你的jquery代码
</script>

以上是怎麼引入jquery?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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