前言

jQuery是一個(gè)用來代替JavaScript來快捷書寫前端腳本語言的庫，jQuery可以大大的簡化復(fù)雜的js代碼，使開發(fā)人員專注于實(shí)現(xiàn)頁面的效果。

導(dǎo)入方式有兩種

jQuery的導(dǎo)入方式有兩種，一種是本地導(dǎo)入，一種是利用超鏈接導(dǎo)入。

方法一：本地導(dǎo)入

• 進(jìn)入 jQuery 的官方網(wǎng)站：https://jquery.com
• 點(diǎn)擊 Download jQuery

點(diǎn)下圖鏈接

可以看到j(luò)query的源碼，如下：

直接ctrl+A,選中所有的 jQuery 的源碼，在VScode新建一個(gè)txt文件，將源碼拷貝到其中，然后修改后綴名為.js即可。

也可以點(diǎn)擊這里快速下載

然后，在要使用jquery的頁面引入這個(gè).js文件，代碼如下：

<script src="你的.js文件路徑"></script>

在這里寫 jquery 代碼

<script>
	//在此書寫你的jQuery代碼
</script>

注意，一定要先引入 jQuery 源碼，再引入自己寫的 jQuery 代碼，因?yàn)轫撁娴募虞d順序是從上到下加載，如果瀏覽器會(huì)先加載你的 jQuery 代碼再加載 jQuery 庫，造成你的 jQuery 代碼會(huì)被認(rèn)為是錯(cuò)誤書寫格式，無法實(shí)現(xiàn)效果。

方法二：在線上導(dǎo)入有兩種方法

在使用jQuery庫之前，需要先引入它。有兩種方法可以在線引入 jQuery 庫：從官方網(wǎng)站直接下載或從CDN下載。

1. 從官方網(wǎng)站下載：

在下載jQuery庫之前，需要訪問官方網(wǎng)站，并選擇要下載的版本。然后在HTML代碼中添加以下內(nèi)容：

<script src="jquery-3.6.0.min.js"></script>

這將從文件系統(tǒng)中加載 jQuery 庫，并將其添加到HTML頁面中。

2. 從CDN下載：

許多大型互聯(lián)網(wǎng)公司提供了CDN服務(wù)，其中包括谷歌，微軟，jQuery和CDNJS等。

這里我們以谷歌CDN為例，在HTML代碼中添加以下內(nèi)容：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

這將從谷歌CDN服務(wù)器上下載jQuery庫，并將其添加到HTML頁面中。

補(bǔ)充

• 通過在 script 的 src 屬性中寫一個(gè)網(wǎng)址來導(dǎo)入在線的 jQuery 代碼。
• 現(xiàn)在應(yīng)用 jQuery 的網(wǎng)站非常非常多，可以在其他網(wǎng)站上扒一個(gè) jQuery 代碼鏈接
• 瀏覽器會(huì)在加載之前使用jQuery的網(wǎng)站時(shí)就預(yù)先下載過jquery，因此到了我們這里就不用再次下載了，就算我們的jQuery版本是一個(gè)新的沒被瀏覽器加載過的版本，jQuery的代碼下載也會(huì)進(jìn)行的很快
• 但是，如果你還是擔(dān)心影響加載速度，本地導(dǎo)入jQuery文件確實(shí)是最好的辦法。
• 導(dǎo)入在線 jQuery：

<script src=""></script>
<script>
	//在此書寫你的jQuery代碼
</script>

總結(jié)

到此這篇關(guān)于jquery兩種導(dǎo)入方式之本地導(dǎo)入和線上導(dǎo)入的文章就介紹到這了,更多相關(guān)jquery本地導(dǎo)入和線上導(dǎo)入內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論