1.配置jQuery環境

1.1獲取jQuery最新版本

進入jQuery的官方網址 http://jquery.com ，下載最新的jQuery庫。

1.2 jQuery庫類型說明

目前jQuery庫分為三個大版本：

jquery-1.x版本，兼容IE678,使用最為廣泛的，官方只做BUG維護，功能不再新增。一般項目來說，使用1.x版本就可以了，例如：jquery-1.11.3。

jquery-2.x版本，不兼容ie678，很少有人使用，官方只做BUG維護，功能不再新增。如果不考慮兼容低版本的瀏覽器可以使用2.x，例如：jquery-2.1.4。

jquery-3.x版本，不兼容ie678，只支持最新的瀏覽器。除非特殊要求，一般不會使用3.x版本的，很多老的jQuery插件不支持這個版本，目前該版本是官方主要更新維護的版本，例如：jquery-3.2.1。

jQuery官方手冊：http://api.jquery.com

1.3 jQuery.js和jQuery.min.js的區別

jQuery官網提供2種jQuery的下載，一種是jquery.js另一種是jquery.min.js，例如：

jquery.js是完整的未壓縮的jQuery庫，文件比較大，一般用于閱讀學習源碼或修改源碼，一般不用于線上項目。

jquery.min.js是由完整版的jQuery庫經過壓縮得來，壓縮后功能與未壓縮的完全一樣，只是將其中的空白字符、注釋、空行等與邏輯無關的內容刪除，并進行一些優化。這個版本一般用于網站引用使用（項目上線的時候使用），減小文件體積，降低網站流量，提升訪問速度等。

1.4 在頁面中引入jQuery

1.4.1 引入本地jQuery

先把我們已經下載好的jQuery源文件添加到我們的項目里面來，然后再我們的頁面中引用jQuery文件。

<

1.4.2 CDN引入jQuery

CDN的全稱是Content Delivery Network，即內容分發網絡。其基本思路是盡可能避開互聯網上有可能影響數據傳輸速度和穩定性的瓶頸和環節，使內容傳輸的更快、更穩定。其目的是使用戶可就近取得所需內容，解決 Internet網絡擁擠的狀況，提高用戶訪問網站的響應速度。

目前谷歌、微軟和百度等的服務器都存有jQuery，下面我們就用百度靜態資源公共庫來為大家做演示。

<

2. 編寫jQuery程序

在開始編寫第一個jQuery程序之前，首先應該明確一點。在jQuery庫中，$就是jQuery的一個簡寫的形式，例如$("#car")和jQuery("#car")是等價的，$.ajax和jQuery.ajax是等價的。如果沒有特別說明，程序中的$符號都是jQuery的一個簡寫形式。

jQuery入口函數完整寫法：

<

簡化寫法：

<

以上兩種jQuery的入口函數，類似于傳統的JavaScript中的window.onload方法，不過與window.onload還是有一些區別。

| 描述 | window.onload | $(document).ready() | | :---: | :---: | :---: | | 執行時機 | 必須等待網頁中所有的內容都加載完畢后（包括圖片）才能執行 | 網頁中所有DOM結構繪制完畢后就執行，可能DOM元素相關聯的東西并沒有加載完成（例如圖片還沒下載完成） | | 編寫個數 | 不能同時編寫多個 | 可以同時別寫多個 |

總結

以上是生活随笔為你收集整理的cdn jquery怎么没有提示_第一个jQuery程序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。