jquery需要引入的文件是什么

本篇內(nèi)容介紹了“jquery需要引入的文件是什么”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

使用jquery前需要引入jquery.js文件。兩種引入方式：1、在jquery官網(wǎng)下載jquery文件到本地，使用script標(biāo)簽導(dǎo)入本地jquery文件，語法“<script src="本地jquery文件路徑"></script>”；2、使用script標(biāo)簽導(dǎo)入在線jquery文件，語法“<script src="在線jquery文件網(wǎng)址"></script>”。

一、jQuery介紹

• jQuery是一個js庫，存放的是js代碼寫的function()。

• jQuery的初衷是為了簡化JS代碼。

• 能夠處理HTML/JSP/XML、CSS、DOM、事件、也能提供異步AJAX功能。

• 例如：document.getElementByid()在jQuery中封裝了一個方法:

function $("#id"){//函數(shù)名是$
	return document.getElementById(id);
}

二、使用：

jQuery其實就是個js文件，我們使用的時候首先需要將文件引入到HTML文檔中。jquery的導(dǎo)入方式有兩種，一種是本地導(dǎo)入，一種是從超鏈接導(dǎo)入。

引入方式一：本地引入

我們可以百度搜索jquery

從官網(wǎng)下載jquery的最新版本，點擊下載圖標(biāo)，會跳轉(zhuǎn)到下載詳情頁面：

這里的前兩個鏈接是兩個版本的jquery下載，一個是壓縮版，一個是未壓縮版，兩個版本在功能上并沒有區(qū)別，只不過壓縮版為了在發(fā)布項目的時候jquery占用的空間更小，對壓縮版的jquery進行了刪減多余的空格和換行操作，以此來達到精簡的目的，我們作為開發(fā)者，還未到發(fā)布項目的環(huán)節(jié)，因此選擇第二個未壓縮版（uncompressed）就好。

點進鏈接，可以看到j(luò)query的源碼，我們直接ctrl+a,選中所有，新建一個txt文件，將源碼拷貝到其中，然后修改后綴名為.js即可。

接著，我們在要使用jquery的頁面引入這個.js文件，代碼如下：

<script src="本地jquery文件路徑"></script>
<script>
	//在此書寫你的jquery代碼
</script>

注意！一定要先寫引入的script再寫自己的jquery代碼，因為頁面的加載順序是從上到下加載，瀏覽器會先加載你的jquery代碼再加載jquery庫，造成你的jquery代碼會被認(rèn)為是錯誤書寫格式，無法實現(xiàn)效果。

引入方式二：引入在線jquery

我們可以通過在script的src屬性中寫一個網(wǎng)址來導(dǎo)入在線的jquery代碼，有人可能要問了，這樣做不是會在網(wǎng)頁加載的時候有一個下載jquery的時間嗎？會不會下載很長時間，導(dǎo)致你的jquery代碼一直不能被加載，影響用戶體驗？

事實上，現(xiàn)在應(yīng)用jquery的網(wǎng)站非常非常多，瀏覽器會在加載之前使用jquery的網(wǎng)站時就預(yù)先下載過jquery，因此到了我們這里就不用再次下載了，就算我們的jquery版本是一個新的沒被瀏覽器加載過的版本，jquery的代碼下載也會進行的很快，不過，如果你還是擔(dān)心影響加載速度，本地導(dǎo)入jquery文件確實是最好的辦法。

導(dǎo)入在線jquery：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
	//在此書寫你的jquery代碼
</script>

使用：

創(chuàng)建jQuery對象調(diào)用庫中的函數(shù)

“jquery需要引入的文件是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！