jQuery下載

去jQuery網站下載文件包，點擊主頁的“Download”之后，進入下載頁面，可以選擇production版本的進行下載，但是點擊進去之后，瀏覽器并不會直接下載相關的文件，而是跳轉到一個“密密麻麻”都是jQuery代碼的頁面，仔細查看瀏覽器地址欄中的url便可知，該頁面其實就是jQuery的min版的文件，可以使用下面這種方法，下載jQuery文件：

右鍵點擊該頁面，在彈出的菜單中選擇另存為，在另存為的菜單中默認保存的后綴名為".js"，如果不是，可以在下拉菜單中選擇該類型的選項，然后保存即可下載jQuery文件了。鄙人下載的是最新版本的jquery-3.7.1.min.js

提示：jQuery的文件的擴展名是".js"，下載完之后，無需安裝，使用直接引入即可使用jQuery。

jQuery引入HTML的方法

jQuery是js文件，引入HTML的方法與引入JavaScript文件的方法一樣，在HTML的head標簽內使用script標簽引入，比如：

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

CDN引入jQuery的方法

如果不想下載jQuery，也可以通過CDN的方式，將jQuery引入HTML，比如：

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" rel="external nofollow" >
</script>

jQuery引入實例代碼，及在線編輯器

下面實例將通過一個點擊按鈕添加文本的實例來展示jQuery的用法，如下：

<script src="../../static/js/jquery-3.7.1.min.js"></script>
<p id="p1"></p>
<button id="btn" class="btn">jQuery</button>

<script>
  $('#btn').click(function(){
    $('#p1').text("jQuery添加段落文本");
  })
</script>

來源：笨鳥工具-璞玉天成，大器晚成

原文：jQuery下載及引入HTML | jQuery教程

免責聲明：內容僅供參考，不保證正確性！

.下載jQuery

訪問jQuery官方網站(http://jquery.com),如圖1-1所示。

在頁面上方可以看到Download jQuery按鈕，該按鈕上的v3.3.1是jQuery當前最新版本的版本號，單擊該按鈕后，進入下載頁面。

為了獲取其他版本的jQuery，在下載頁面的下半部分找到https://code.jquery.com鏈接，獲取jQuery所有版本的下載鏈接地址，如圖2所示。

單擊圖2中標示出的鏈接，進入jQuery所有版本的下載頁面，即可看到jQuery1.12.4版本的jQuery文件下載鏈接，如圖3所示。

從圖l-3中可以看出，jQuery文件的類型主要包括未壓縮(uncompressed)的開發版和壓縮(minified)后的生產版。它們的區別在于，壓縮版本是將jQuery文件中的空白字符、注釋、空行等與邏輯無關的內容刪除，并進行一些優化，使得文件體積減小，加載速度比未壓端版快。而未壓縮版本的代碼可讀性更好，所以建議讀者在學習期間選擇未壓縮版本。

2.引入jQuery

在項目中引入jQuery時，只需要把下載好的jQuery文件保存到項目目錄中，在項目的HTML文件中使用標簽引入即可。示例代碼如下。

<！--引入本地下載的jQuery-->
<script src="jquery-1.12.4.js"></script>

許多網站提供了靜態資源公共庫，通過CDN(內容分發網絡)可以提高jQuery的下載速度。示例代碼如下。

Vue項目中引入jQuery可以為我們提供更多的功能和插件選擇，同時也可以與Vue的數據驅動開發相結合，提高開發效率。

首先，我們需要在Vue項目中安裝jQuery。可以使用npm安裝jQuery，命令如下：

```

npm install jquery --save

```

安裝完成后，在Vue的入口文件（main.js）中引入jQuery：

```javascript

import $ from 'jquery'

```

這樣就可以在整個項目中使用jQuery了。

引入jQuery后，我們可以使用它的豐富的插件來增強我們的應用。例如，可以使用jQuery的動畫效果插件來實現更加豐富的頁面過渡效果。可以使用jQuery的表單驗證插件來方便地驗證用戶輸入。可以使用jQuery的日期選擇插件來實現日期選擇功能等等。

另外，Vue的數據驅動開發可以與jQuery結合使用，實現更加靈活的交互效果。例如，在Vue的組件中可以使用jQuery來操作DOM元素，例如添加、刪除、修改元素的樣式等。可以使用jQuery的事件處理函數來處理用戶的交互行為，例如點擊事件、鼠標移入移出事件等。可以使用jQuery的ajax函數來發送異步請求，與后端進行數據交互。

在使用jQuery的時候，要遵循Vue的原則，盡量避免直接操作DOM元素，而是通過Vue的數據綁定來實現頁面的更新。可以通過在Vue的生命周期鉤子函數中使用jQuery來初始化一些插件，或者在Vue的自定義指令中使用jQuery來操作DOM元素。

引入jQuery可以為Vue項目提供更多的功能和插件選擇，同時也可以與Vue的數據驅動開發相結合，提高開發效率。但是要注意在使用jQuery的時候，要遵循Vue的原則，盡量避免直接操作DOM元素，而是通過Vue的數據綁定來實現頁面的更新。