jQuery--百度百科

時間 2019-11-24

原文原文鏈接

JQuery是繼 prototype以後又一個優秀的 Javascript庫。它是輕量級的js庫，它兼容 CSS3，還兼容各類瀏覽器（ IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及後續版本將再也不支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理 HTML（標準通用標記語言下的一個應用）、events、實現動畫效果，而且方便地爲網站提供 AJAX交互。jQuery還有一個比較大的優點是，它的文檔說明很全，並且各類應用也說得很詳細，同時還有許多成熟的插件可供選擇。jQuery可以使用戶的html頁面保持代碼和html內容分離，也就是說，不用再在html裏面插入一堆js來調用命令了，只須要定義id便可。

jQuery是一個兼容多瀏覽器的 javascript庫，核心理念是write less,do more(寫得更少,作得更多)。jQuery在2006年1月由美國人 John Resig在紐約的 barcamp發佈，吸引了來自世界各地的衆多JavaScript高手加入，由Dave Methvin率領團隊進行開發。現在，jQuery已經成爲最流行的javascript庫，在世界前10000個訪問最多的網站中，有超過55%在使用jQuery。

jQuery是免費、開源的，使用 MIT許可協議。jQuery的語法設計可使開發更加便捷，例如操做文檔對象、選擇 DOM元素、製做動畫效果、事件處理、使用 Ajax以及其餘功能。除此之外，jQuery提供API讓開發者編寫插件。其模塊化的使用方式使開發者能夠很輕鬆的開發出功能強大的靜態或動態網頁。

jQuery，顧名思義，也就是JavaScript和查詢（Query），便是輔助JavaScript開發的庫。

中文名: 極快瑞
外文名: Jquery
核心理念: write less,do more
發佈時間: 2006年1月

發佈人: John Resig
發佈地點: 美國紐約
最新版本: jQuery 2.1.3
第一個版本: jQuery 1.0（2006年8月）

特色

編輯

動態特效
AJAX
經過插件來擴展
方便的工具 - 例如瀏覽器版本判斷
漸進加強
鏈式調用
多瀏覽器支持，支持 Internet Explorer6.0+、Opera9.0+、 Firefox2+、 Safari2.0+、 Chrome1.0+（在2.0.0中取消了對Internet Explorer6,7,8的支持）

歷史版本

編輯

jQuery 1.0

（2006年8月）：該庫的第一個穩定版本，已經具備了對CSS選擇符、事件處理和AJAX交互的穩健支持。

jQuery 1.1

（2007年1月）：這一版大幅簡化了API。許多較少使用的方法被合併，減小了須要掌握和解釋的方法數量。

jQuery 1.1.3

（2007年7月）：此次小版本變化包含了對jQuery選擇符引擎執行速度的顯著提高。從這個版本開始，jQuery的性能達到了Prototype、Mootools以及Dojo等同類JavaScript庫的水平。

jQuery 1.2

（2007年9月）：這一版去掉了對XPath選擇符的支持，緣由是相對於CSS語法它已經變得多餘了。這一版可以支持對效果的更靈活定製，並且藉助新增的命名空間事件，也使插件開發變得更容易。

jQuery UI（2007年9月）：這個新的插件套件是做爲曾經流行但已過期的Interface插件的替代項目而發佈的。jQuery UI中包含大量預約義好的部件（widget），以及一組用於構建高級元素（例如可拖放的界面元素）的工具。

jQuery 1.2.6

（2008年5月）：這一版主要是將Brandon Aaron開發的流行的Dimensions 插件的功能移植到了核心庫中。

jQuery 1.3

（2009年1月）：這一版使用了全新的選擇符引擎 Sizzle，庫的性能也所以有了極大提高。這一版正式支持事件委託特性。

jQuery 1.3.2

（2009年2月）：此次小版本升級進一步提高了庫的性能，例如改進了：visible/:hidden選擇符、.height()/.width()方法的底層處理機制。另外，也支持查詢的元素按文檔順序返回。

jQuery 1.4

（2010年1月14號）：對代碼庫進行了內部重寫組織，開始創建一些風格規範。老的core.js文件被分爲 attribute.js,css.js,data.js,manipulation.js,traversing.js和queue.js；CSS和 attribute的邏輯分離。

⒈4重要新特性

·經常使用方法的性能大幅提高：重寫了大部分較早期的函數；

·更容易使用的設置函數（setter function）：爲全部對象新增了許多易用的設置函數；

·對Ajax的改進：引入了許多Ajax和JSON處理方面的更新，包括HTML5元素的序列化；

·attribute（改進了.attr()的性能）、jQuery()核心函數、CSS（.css()性能有兩倍提高）、特效和事件、DOM操做等也有顯著改進

jQuery 1.5

（2011年1月31日）：該版本修復了83個bug，解決了460個問題。重大改進有：重寫了Ajax模塊；新增延緩對象（Deferred Objects）；jQuery替身——jQuery.sub()；加強了遍歷相鄰節點的性能；jQuery開發團隊構建系統的改進。

1.5新版本

美國時間2011年1月31日John Resig在jQuery官方博客發表文章，宣佈jQuery 1.5正式版已經如期開發完成，能夠下載使用。壓縮版本jQuery Minified29KB，不壓縮版本jQuery Regular（用於閱讀和調試）207KB。因爲jQuery已經成爲目前最流行的JavaScript庫，獲得普遍的支持，新版本的發佈固然很是引人注目。

重要變化：

1. Ajax重寫

Ajax模塊徹底進行了重寫。新增一個jXHR對象，爲不一樣瀏覽器內置的XMLHttpRequest提供了一致的超集。對於XMLHttpRequest以外的傳輸機制，好比 JSONP請求，jXHR對象也能夠進行處理。（詳情能夠參見：jQuery.ajax文檔）

此外，系統的可擴展性大大加強，能夠附加各類數據處理器、過濾器和傳輸機制，爲開發新的Ajax 插件提供了方便。

2. 延遲對象

延遲對象（Deferred Object，jQuery.Deferred對象）是一個可連接的（chainable）實用工具對象，實現了Promise接口，能夠在回調隊列中注冊多個回調、調用回調隊列並轉發任何同步/異步函數的成敗狀態。正如Using Deferreds in jQuery 1.5一文中說明的，其結果是在jQuery中可以將依賴於某個任務（事件）結果的邏輯與任務自己解耦了。這一點在JavaScript中其實並不新鮮，Mochikit和Dojo等已經實現有些日子了。因爲jQuery 1.5的Ajax模塊內置使用了延遲對象，所以經過jQuery編寫Ajax程序將自動得到這一功能。

開發人員藉此可使用沒法當即得到的返回值（如異步Ajax請求的返回結果），並且第一次可以附加多個事件處理器。

例如，使用了新的jQuery內部Ajax API就能夠實現下面的代碼了：

// Assign handlers immediately after making the request,// and remember the jxhr object for this request var jxhr = $.ajax({ url: "example.php" }) .success(function() { alert("success"); }) .error(function() { alert("error"); }) .complete(function() { alert("complete"); });// perform other work here ... // Set another completion function for the request above jxhr.complete(function(){ alert("second complete"); });

此外，使用jQuery.Deferred還能夠開發本身的延遲對象。更多詳情參見：延遲對象文檔。

3. jQuery.sub()

jQuery 1.5提供了一種建立和修改jQuery副本的方式。能夠用來添加不向外部公開的方法，或者對jQuery的某些方法進行從新定義以提供新功能，或者提供更好的封裝、避免名稱空間衝突。固然，也能夠用來開發插件，但Resig強烈建議在開發插件以前，先考慮jQuery UI widget工廠。

值得注意的是，sub函數並不提供真正的隔離，全部方法、數據、調用仍然依靠jQuery自己來支持。

4. 遍歷性能提升

在新版本中.children(),.prev(),.next()幾個經常使用的遍歷函數性能有了顯著提升。

5. 內部開發系統

John Resig還特別提到了jQuery團隊內部開發系統的兩點改變：一是服務器端用Node.js替換了老的Java/Rhino系統，使得團隊能夠專一於JavaScript環境的新變化；二是所用的代碼優化程序從Google Closure切換到UglifyJS，新工具的壓縮效果很是使人滿意。

jQuery 1.5.2 在1.5的基礎上修正的大量的bug

jQuery 1.7b

jQuery 1.7

2011年09月29日jQuery 1.7 的第一個 beta 測試版本，該版本修復了超過 50 個的問題以及帶來一些新特性。

2011年11月4日jQuery1.7正式版發佈。

新版本包含了不少新的特徵，特別提高了事件委派時的性能尤爲是在IE7下。

新增及改進項：

⒈新的事件 APIs: .on() and .off()；

⒉提高了事件委派時的性能有了大幅度的提高，尤爲是在IE7下；

⒊更好的在 IE 6/7/8 上支持 HTML5；

⒋切換動畫更加直觀；

⒌匿名模塊定義 AWD

⒍jQuery.Deferred

⒎jQuery.isNumeric()

被刪除的方法：

event.layerX and event.layerY

jQuery.isNaN()

jQuery 1.7.2

2012年03月24日jQuery 1.7.2正式版發佈。

該版本在1.7.1的基礎上修復了大量的bug，並改進了部分功能。而相比於1.7.2 RC1，只修復了一個bug。值得注意的是：若是你正在使用jQuery Mobile，請使用最新的jQuery 1.7.2和jQuery Mobile 1.1這兩個版本，由於以前的jQuery Mobile版本還基於jQuery core 1.7.1或更早的版本。

jQuery 1.8.3

2012年11月14日 jQuery 1.8.3 發佈，修復 bug 和性能衰退問題

IE8中的HTML相關Bug

jQuery 1.8.2在IE9中調用ajax失敗的問題

jQuery 1.7.1不能正確地設置IE7中克隆元素的tabindex屬性

壓縮的JS文件包含非ASCII字符

若是body樣式設置爲display:none，則$('body').show()沒法工做

在IE9中element.css('filter')返回不明確

在Android 2.3.4的瀏覽器中，jQuery 1.8.1轉場效果崩潰

在iPad上縮放一個燈箱效果後，全部動畫效果失效

從1.3.2升級到1.8.2版本後，出現Uncaught TypeError錯誤

在Chrome和Safari中，沒法正確檢測包含可編輯內容的DIV的焦點

jQuery 2.0

2013年3月 jQuery 2.0 Beta 2 發佈

據jQuery官方博客3月消息，jQuery 2.0 Beta 2 發佈。

根據用戶對jQuery 2.0 Beta 1 版本的反饋，Beta 2 版作了一些修改。jQuery官方表示，很是須要用戶來測試 Beta 2 版，最好同時也能向他們反饋提交建議。

他們相信，Beta 2 版已很是穩定，值得一試，不須要等 2.0 的最終版本。

jQuery 團隊在官博中再次提醒用戶，jQuery 2.0 再也不支持IE 6/7/8 了，可是 jQuery 1.9 會繼續支持。由於舊版 IE 瀏覽器在整個互聯網中還有很大部分市場，因此他們很是指望大部分網站能繼續使用 jQuery 1.x 一段時間。jQuery 團隊也將同時支持 jQuery 1.x 和 2.x 。1.9 和 2.0 版的 API 是相同的，因此沒必要由於大家網站還在用 jQuery 1.9，就感受好像錯過了什麼，或者是落後了。

若是你想繼續支持 IE 6/7/8，而且又想嘗試 jQuery 2.0，那你能夠額外加上一些代碼。除了老版的 IE，其餘全部瀏覽器都將使用第二腳本，忽略第一個。

在不少環境中，jQuery 2.0 應當都表現的很好。以下：

Google Chrome plugins

Mozilla XUL apps and Firefox extensions

Firefox OS apps

Chrome OS apps

Windows 8 Store (「Modern/Metro UI」) apps

BlackBerry 10 WebWorks apps

PhoneGap/Cordova apps

Apple UIWebView class

Microsoft WebBrowser control

Cheerio or jsdom with Node.js

Intranet applications

2013年4月18日 jQuery 2.0正式版發佈

再也不支持IE 6/7/8：若是在IE9/10版本中使用「兼容性視圖」模式也將會受到影響。
更輕更快：2.0版本文件與1.9.1相比小了12%。
能夠構建一個更小、更輕量的版本。
jQuery 2.0 API徹底兼容jQuery 1.9 API。

jQuery 1.9.1漢化版2013年2月23日發佈，由網友翻譯非官方

jQuery2.1.0

2014年1月24日，jQuery2.1.0版發佈 ^[1]

jQuery2.1.1

2014年5月1日，jQuery2.1.1版發佈 ^[2]

使用方法

編輯

jQuery能夠下載使用，有兩個版本的 jQuery 可供下載

Production version - 用於實際的網站中，已被精簡和壓縮。

Development version - 用於測試和開發（未壓縮，是可讀的代碼）

jQuery 1.8.0版時壓縮先後的對比

文件	行數	大小
jquery-1.8.0.min.js	2	91KB
jquery-1.8.0.js	9228	254KB

這兩個版本均可以從 jQuery.com官網下載。

也能夠從多個公共服務器中選擇引用。把jQuery存儲在CDN公共庫上可加快網站載入速度，CDN公共庫是指將經常使用的JS庫存放在CDN節點，以方便廣大開發者直接調用。與將JS庫存放在服務器單機上相比，CDN公共庫更加穩定、高速。國外的有 Google、 Microsoft等多家公司給jQuery提供CDN服務，國內由新浪雲計算( SAE) 、百度雲(BAE)等提供

下面就介紹幾個相對來講比較穩定的CDN。而且有jquery1.1至2.0全部版本下載分享

Google CDN

1	`<script type=` `"text/javascript"` `src=` `"http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"` `></script>`

提示：經過 Google CDN 來得到最新可用的版本：

若是您觀察上面的 Google URL - 在 URL 中規定了 jQuery 版本 (1.8.0)。若是您但願使用最新版本的 jQuery，也能夠從版本字符串的末尾（好比本例 1.8）刪除一個數字，谷歌會返回 1.8 系列中最新的可用版本（1.8.0、1.8.1 等等），或者也能夠只剩第一個數字，那麼谷歌會返回 1 系列中最新的可用版本（從 1.1.0 到 1.9.9）。

Microsoft CDN ^[3]

1	`<script type=` `"text/javascript"` `src=` `"http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"` `></script>`

提示：使用谷歌或微軟的 jQuery，有一個很大的優點：

許多用戶在訪問其餘站點時，已經從谷歌或微軟加載過 jQuery。全部結果是，當他們訪問您的站點時，會從緩存中加載 jQuery，這樣能夠減小加載時間。同時，大多數 CDN 均可以確保當用戶向其請求文件時，會從離用戶最近的服務器上返回響應，這樣也能夠提升加載速度。

新浪 CDN ^[4]

1	`<script type=` `"text/javascript"` `src=` `"http://libs.baidu.com/jquery/2.0.3/jquery.min.js"` `></script>`

百度 CDN ^[5]

1	`<script type=` `"text/javascript"` `src=` `"http://libs.baidu.com/jquery/2.0.3/jquery.min.js"` `></script>`

爲了保險起見，當沒法從CDN服務器上獲取jQuery時，則使用本地jQuery

 
        <script type= 
        "text/javascript" 
        >window.jQuery||document.write( 
        '<scriptsrc="//localhost/jQuery/jquery-2.1.0.min.js"><\/script>' 
        );</script>

在Wordpress主題中使用的方法爲

 
        <script type= 
        "text/javascript" 
        >window.jQuery||document.write( 
        '<scripttype="text/javascript"src="<?phpechoget_template_directory_uri();?>/jquery.min.js">\x3C/script>' 
        )</script>

注意事項

一、 Wordpress內置jQuery庫，其末尾防止JS庫衝突而加入的jQuery.noConflict()使得主題中全部jQuery代碼都要作一些小修改，更可能致使一些插件效果失效。wordpress建議下載官方jQuery-Min庫放到當前主題目錄下調用，不要使用wp-includes裏面的庫。

二、Google CDN庫的地址採用了協議相對路徑，它能夠很好的解決https引發的一些問題，具體能夠看Paul Irish的介紹，固然你依舊可使用帶「http:」的路徑。

三、許多網站都採用Google CDN提供的jQuery庫，使用它能夠獲得出色的緩存效果。

四、把jQuery代碼通通放到頁面底部能夠提升載入速度。

五、使用 HTML5重構的頁面可省略掉 type="text/javascript"。

六、推薦使用國內CDN公共庫，速度更快，穩定性更高。

實例

編輯

爲元素添加單擊

 
        <html> 
       
        <head> 
       
        <script> 
       
        $(document).ready( 
        function 
        (){ 
       
        $( 
        "p" 
        ).click( 
        function 
        (){$( 
        this 
        ).hide();});}); 
       
        </script> 
       
        </head> 
       
        <body> 
       
        <p>Ifyouclickonme,Iwilldisappear.</p> 
       
        </body> 
       
        </html>

結果:隱藏頁面內的<p>標籤 ^[6]

選擇器

jQuery 使用 sizzle引擎，支持css選取，Xpath選取等方式。

$("p") 選取所有 <p> 元素。

$("p.intro") 選取全部包含class爲"intro"的 <p> 元素。

$("#demo") 選取 id爲"demo" 的元素。

$("[href]") 選取全部帶有 href 屬性的元素。

$("[href='#']") 選取全部帶有 href 值等於 "#" 的元素。

$("[href!='#']") 選取全部帶有 href 值不等於 "#" 的元素。

$("[href$='.jpg']") 選取全部 href 值以 ".jpg" 結尾的元素。

$("[href^='/imgaes/']") 選取全部 href 值以 /imgaes/" 開頭的元素。

更多詳細信息請參見jQuery API的Selectors部分。

事件處理

直接綁定指定事件，事件類型即方法名，支持click、focus、blur、submit等。

$("#button").click(function(){

//script goes here

});

用on來綁定事件，off來解綁事件，第一個參數爲事件名，第二個參數爲回調函數。1.7.2版本開始支持。

$("#button").on('click',function(){

//script goes here

});

在1.7.1或更早版本，須要用bind/unbind（常規綁定），live/die（預綁定）來替代on/off。

更多詳細信息請參見jQuery API的Events部分。

jQuery還支持以下方法:

.blur() 表單元素失去焦點。

.change() 表單元素的值發生變化

.click() 鼠標單擊

.dblclick() 鼠標雙擊

.focus() 表單元素得到焦點

.focusin() 子元素得到焦點

.focusout() 子元素失去焦點

.hover() 同時爲mouseenter和mouseleave事件指定處理函數

.keydown() 按下鍵盤（長時間按鍵，只返回一個事件）

.keypress() 按下鍵盤（長時間按鍵，將返回多個事件）

.keyup() 鬆開鍵盤

.load() 元素加載完畢

.mousedown() 按下鼠標

.mouseenter() 鼠標進入（進入子元素不觸發）

.mouseleave() 鼠標離開（離開子元素不觸發）

.mousemove() 鼠標在元素內部移動

.mouseout() 鼠標離開（離開子元素也觸發）

.mouseover() 鼠標進入（進入子元素也觸發）

.mouseup() 鬆開鼠標

.ready() DOM加載完成

.resize() 瀏覽器窗口的大小發生改變

.scroll() 滾動條的位置發生變化

.select() 用戶選中文本框中的內容

.submit() 用戶遞交表單

.toggle() 根據鼠標點擊的次數，依次運行多個函數

.unload() .當用戶離開頁面時，會發生 unload 事件。

^[7]

集合操做

$(function(){

var tbody = "";
　　//------------遍歷對象 .each的使用-------------
　　//對象語法JSON數據格式(當服務器端回調回來的對象數據格式是json數據格式，必須保證JSON的格式要求，回調的對象必須使用 eval函數進行轉化（不然將得不到Object）。本文不做詳細介紹服務器端回調的數據問題，咱們將直接自定義對象)
　　var obj =[{"name":"項海軍","password":"123456"}];
　　$("#result").html("------------遍歷對象 .each的使用-------------");
　　alert(obj);//是個object元素
　　//下面使用each進行遍歷
　　$.each(obj,function(n,value) {
　　alert(n+' '+value);
　　var trs = "";
　　trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";
　　tbody += trs;
　　});

$("#project").append(tbody);
　　});

動態特效

較快速度的淡入

$("#msg").show("fast");

較慢速度的淡出

$("#msg").hide("slow");

淡入淡出

$("#msg").fadeIn();

$("#msg").fadeOut();

帶參數的淡入淡出

$(selector).fadeIn(speed,callback);

可選的 speed 參數規定效果的時長。它能夠取如下值："slow"、"fast" 或毫秒。

可選的 callback 參數是 fading 完成後所執行的函數名稱。

滑動

$(selector).slideDown(speed,callback);

可選的 speed 參數規定效果的時長。它能夠取如下值："slow"、"fast" 或毫秒。

可選的 callback 參數是滑動完成後所執行的函數名稱。

動畫

$(selector).animate({params},speed,callback);

必需的 params 參數定義造成動畫的 CSS 屬性。

可選的 speed 參數規定效果的時長。它能夠取如下值："slow"、"fast" 或毫秒。

可選的 callback 參數是動畫完成後所執行的函數名稱。

以上代碼實現一個id爲Msg的jQuery對象的漸入和淡出。函數接受的參數除了快慢等，還能夠接收整型，做爲漸入或淡出的完成時間，單位爲ms。更多詳細信息請參見jQuery API的Effects部分。

AJAX

jQuery 提供多個與 AJAX 有關的方法 ^[7] 。

經過 jQuery AJAX 方法，您可以使用 HTTP Get 和 HTTP Post 從遠程服務器上請求文本、 HTML（標準通用標記語言下的一個應用）、 XML（標準通用標記語言下的一個子集）或 JSON - 同時您可以把這些外部數據直接載入網頁的被選元素中。

jQuery - AJAX load() 方法

jQuery load() 方法是簡單但強大的 AJAX 方法。

load() 方法從服務器加載數據，並把返回的數據放入被選元素中。

語法:

 
        $( 
       
        selector 
       
        ).load( 
       
        URL,data,callback 
       
        );

必需的 URL 參數規定您但願加載的 URL。

可選的 data 參數規定與請求一同發送的查詢字符串鍵/值對集合。

可選的 callback 參數是 load() 方法完成後所執行的函數名稱。

jQuery - AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用於經過 HTTP GET 或 POST 請求從服務器請求數據。

兩種在客戶端和服務器端進行請求-響應的經常使用方法是：GET 和 POST。

GET - 從指定的資源請求數據
POST - 向指定的資源提交要處理的數據

GET 基本上用於從服務器得到（取回）數據。註釋：GET 方法可能返回緩存數據。

POST 也可用於從服務器獲取數據。不過，POST 方法不會緩存數據，而且經常使用於連同請求一塊兒發送數據。

jQuery $.get() 方法^[7]

$.get() 方法經過 HTTP GET 請求從服務器上請求數據。

語法:

 
        $.get(URL,callback);

必需的 URL 參數規定您但願請求的 URL。

可選的 callback 參數是請求成功後所執行的函數名。

jQuery $.post() 方法^[7]

$.post() 方法經過 HTTP POST 請求從服務器上請求數據。

語法:

 
        $.post( 
       
        URL,data,callback 
       
        );

必需的 URL 參數規定您但願請求的 URL。

可選的 data 參數規定連同請求發送的數據。

可選的 callback 參數是請求成功後所執行的函數名。

使用jquery實現ajax方式以下所示：

 
        $.ajax({ 
       
        async :  
        false 
        , 
       
        type:  
        "POST" 
        , 
       
        url:  
        "example.php" 
        , 
       
        data:  
        "name=John&location=Boston" 
       
        }).done( 
        function 
        (msg){ 
       
        alert( 
        "Data Saved: "  
        + msg); 
       
        }).fail( 
        function 
        (xmlHttpRequest,statusText,errorThrown) { 
       
        alert( 
       
        "Your form submission failed.\n\n" 
       
        +  
        "XML Http Request: "  
        + JSON.stringify(xmlHttpRequest) 
       
        +  
        ",\nStatus Text: "  
        + statusText 
       
        +  
        ",\nError Thrown: "  
        + errorThrown); 
       
        });

這個例子發送name=John和location=Boston兩個數據給服務端的example.php，請求成功後會提示用戶。

更多詳細信息請參見jQuery API的 Ajax部分。

async默認的設置值爲true，這種狀況爲異步方式，就是說當 ajax發送請求後，在等待server端返回的這個過程當中，前臺會繼續執行ajax塊後面的腳本，直到server端返回正確的結果纔會去執行 success，也就是說這時候執行的是兩個線程，ajax塊發出請求後一個線程和ajax塊後面的腳本（另外一個線程）

插件機制

編輯

jQuery的官方插件是jQuery UI。開發者能夠任意擴展jQuery的函數庫或者按照本身的需求開發UI組件。網上已經有數以萬計的jQuery插件，覆蓋各類各樣的需求。例如 Ajax輔助、數據表格、動態列表、XML工具、拖曳、cookie處理、彈出層等等。jQuery 的文檔說明很全，並且各類應用也說得很詳細，同時還有許多成熟的插件可供選擇,例如ComponentOne Studio for ASP NET Wijmo.

隨着jQuery插件在網站建設過程當中的使用率不斷的增長，因此有必要跟進時代步伐開發出一些新的插件/代碼片斷，以此來鞏固並提升前端用戶體驗，將用戶體驗提高到一個新的高度。其中包括Flat jQuery Price Slider、Gmaps jQuery Map Plugin 、FormChimp——MailChimp Ajax plugin for jQuery 等。 ^[8]