1.配置jQuery環(huán)境

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的區(qū)別

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

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

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

1.4 在頁面中引入jQuery

1.4.1 引入本地jQuery

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

<

1.4.2 CDN引入jQuery

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

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

<

2. 編寫jQuery程序

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

jQuery入口函數完整寫法：

<

簡化寫法：

<

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

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

總結

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

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