在網頁開發中,jQuery是很常用的JavaScript函式庫,能夠簡化JavaScript的開發,並提升開發效率。要在網頁中使用jQuery,需要先引入jQuery庫檔案。下面我們就來講解一下在HTML檔中如何引入jQuery庫檔。 第一種方法:從官網下載jQuery庫文件到本地 如果你已經從jQuery官網下載了jQuery庫文件,按照下面步驟進行操作。 將下載好的(jQuery版本號).js檔案複製到專案資料夾中的js資料夾下。 在html檔案中的標籤中用標籤引入jQuery庫檔案。 </li> </ol> <pre><head> <title>jQuery引入</title> <script src="js/jquery-(版本号).js"> 如果想在網頁的腳本中使用已經引入的jQuery庫,需要在腳本中使用$符號,這就需要在腳本中再添加一行程式碼以便讓$符號能夠使用jQuery函式庫方法。 jQuery引入 var $ = jQuery; //使脚本中的$符号定义为jQuery全局变量 第二種方法:透過CDN引入jQuery庫文件 除了下載到本地,還可以使用CDN來引入jQuery庫文件,這種方法可以讓用戶免費使用CDN提供的jQuery庫,從而加速網頁載入速度。 在html檔案中的標籤中用標籤引入jQuery庫檔案。 </li></ol> <pre><head> <title>jQuery引入</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/(版本号)/jquery.min.js"> 如果想在網頁的腳本中使用已經引入的jQuery庫,需要在腳本中使用$符號,與第一種方法不同的是,這種方法不需要進行$符號定義,因為在載入jQuery庫檔案的時候,CDN已經預設將$符號定義為jQuery全域變數。 jQuery引入 $(document).ready(function(){ //在这里可以使用$符号调用jQuery库函数 }); 總結: 以上就是使用兩種方法引入jQuery庫檔案的方式,大家可以依照自己的需求來選擇方法。如果想要使用jQuery庫文件,一定要引入庫文件,否則程式碼中使用jQuery方法會報錯。