首頁 > web前端 > 前端問答 > 怎麼在一個js檔裡引入jquery

怎麼在一個js檔裡引入jquery

WBOY
發布: 2023-05-18 16:04:08
原創
6220 人瀏覽過

在Web開發中,jQuery是一款非常受歡迎的JavaScript函式庫,它大大簡化了JavaScript程式碼的編寫和操作DOM而不需要過度考慮相容性問題。在完成專案的開發中,我們通常會使用jQuery來加速開發效率,提升專案的可維護性和穩定性。那麼,如何在一個JS檔中引入jQuery呢?本文將詳細介紹兩種常見的方法。

方法一:透過CDN引入

CDN(Content Delivery Network)是一組分散在不同地方的伺服器,可以快取並加速網站內容的傳輸,使網站更快載入。 jQuery有一些CDN服務提供者(如Google、Microsoft、百度等),我們可以透過它們提供的連結來引入jQuery。

以Google CDN為例,我們可以將下面程式碼複製貼上到HTML檔案中:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
登入後複製

在這個程式碼中,「src」屬性指定了從哪裡載入jQuery程式碼。當頁面載入時,瀏覽器會自動從Google伺服器下載jQuery並快取下來,而不是從我們的伺服器上下載,這樣可以大大提高頁面載入速度。

在我們寫JS程式碼時,只需要在對應的JS檔案中使用「$」符號即可,如:

$(document).ready(function() {
    // ...
});
登入後複製
登入後複製

這時候我們就成功引入了jQuery,可以透過$符號引用jQuery中提供的各種功能函數。

方法二:透過檔案引入

除了從CDN中引入jQuery外,我們還可以將jQuery下載到本地並透過檔案引入。具體方法如下:

  1. 造訪jQuery官網(https://jquery.com/)並下載最新的jQuery壓縮檔。
  2. 將下載的檔案解壓縮到本地,例如將jquery.min.js拷貝到「js」資料夾下。
  3. 在HTML檔案中加入以下程式碼:
<script src="js/jquery.min.js"></script>
<script src="js/myscript.js"></script>
登入後複製

這裡的第一行程式碼指定載入jQuery腳本,而第二行程式碼指定了我們自己寫的JS腳本,例如,「myscript.js」。

  1. 在myscript.js檔案中,使用$符號引入jQuery,例如:
$(document).ready(function() {
    // ...
});
登入後複製
登入後複製

這裡需要注意的是,在使用檔案引入jQuery時,我們需要保證jQuery檔案被正確引用,程式碼的順序也很重要。如果我們將自己的JS檔案放在jQuery之前,程式碼就會報錯。

以上就是引入jQuery的兩種常見方法。當我們需要使用jQuery時,只需選擇一種適合自己的方式引入,然後就可以愉快地編寫可維護、穩定的Web應用了。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板