我眼中的jQuery

今天為大家介紹的是一位資深作者的jQuery學習心得，希望大家會喜歡。

作為一名多年從事Web應用開發的工作者來說，深感一個開發框架對開發者意味著什麼。它好比一員戰將的武器、士兵的配槍，其重要性不言而喻，那麼，對於專業從事Web開發的人員來說，選擇一個優秀的框架，勢必會如虎添翼、事半功倍，而這個優秀的框架就是我們今天要介紹的主角——jQuery。

jQuery是目前使用最為廣泛的一個JavaScript庫，全球排名前100萬位的網站中，有近一半以上在使用它開發，且微軟也將它作為官方的標配開發工具，為它提供了相當大的支持，學習它的重要性和必要性是無須置疑的.

入門容易、使用方便是jQuery學習的一個很重要的特征。通過學習它，開發者既可以使用到最前沿的前端技術，又可通過一些簡單代碼實現復雜的效果，同時，還能為後續其他框架的學習打下必要的基礎。

雖然入門容易，但真正掌握和理解jQuery內部的運行機制並不容易，這也是初學者普遍感入門易但提高難的原因所在。本人在2011年時，推出了自己的《jQuery權威指南》一書，並取得了不錯的銷量，改編成課件和視頻後很榮幸地發布在慕課網，這本書旨在通過一個個精選示例，降低初學者入門成本，根據源碼的分析，能逐步理解jQuery中的內部運行機制，進而不斷提升。

人們常說，“知其然，更要知其所以然”，學習一門程序框架語言更是如此。要想學好jQuery，必須要理解jQuery的內部運行機制，而要理解這一點，就要從觀察代碼執行特征開始，概括來說，jQuery的執行特征有下列幾個方面：

1、先選擇，後操作

在jQuery框架中，使用率最多的就是選擇器功能，所有頁面中的操作都是先通過各種選擇器，定位元素，再進行下一步操作，而這個過程，可以理解為向jQuery中的構造函數傳實參的過程，也就是實例化一個jQuery對象，再借助對象進行後續操作。

如下列常用代碼：

$(document)、$('#Id')、$('.Class')、$('#Id，.Class')

特有代碼：

$('div:odd')、$('div:gt(2)')、$('div:animated')

因此，學習好jQuery框架的第一步是掌握它的選擇器使用方法，在慕課網中的jQuery基礎課程中，用了大量的章節來介紹選擇器的功能，結合網上在線編輯代碼器功能，可以時時驗證自己所寫的選擇器代碼。

(ps：想深入學習的小伙伴請戳閱讀原文)

 2、同一個函數實現取值和賦值

在之前的JavaScript代碼中，我們對一個變量或對象的取賦值通常要經過多個步驟才能實現，可在jQuery中，取值和賦值都是一個函數，由參數決定。

如下列代碼：

$('div').html()、$('div').html('jQuery');

但使用時需要注意：如果對象是多個元素，這種方式在取值是只獲取第一個元素中的內容，而賦值時則是全部對象。

更多介紹可以結合慕課網jQuery基礎課程中的第5個章節進行學習。

 3.事件直接綁定元素

在jQuery中，綁定元素的事件非常方便，如下面代碼：

$('div').click(function(e) {

$(this).html('我被人點了');

}

在上面代碼中，元素

通過“.”逗號的形式就可以直接和事件綁定，還可以通過this返回綁定的對象元素，這種綁定事件的操作在jQuery內部都是通過bind方法來實現的，因此，我們可使用unbind方法來解除元素對事件的綁定，還可以通過one進行一次事件綁定，操作非常方便。

 4.封裝

從原則上來說，任何一個框架都是一個封裝好的盒子，根據需求輸出不同的功能，但jQuery的封裝做的是最好最全的一種，像ajax請求操作。

如下列代碼：

$("#divload").ajaxStart(funA);

$("#divload").ajaxStop(funB);

$.ajax({

url: url,

dataType: "json",

success: fun1

});

在上面代碼中，調用封裝好的ajax方法就可以直接請求服務端數據，通過success回調函數就可以獲取請求的數據，當開始或停止請求時，可以分別調用ajaxStart和ajaxStop全局方法進行監控，所有的這些，都體現了jQuery的封裝效果，更多的封裝功能可以結合慕課網jQuery基礎課程中進行實踐學習。

 5.強大的工具方法

除有完美的封裝外，jQuery還有大量功能強大的工具類方法可以直接使用，開發人員無需再引入其它第三方插件工具。

如下列代碼：

$.trim()、$.each()、$.type()

由於工具類方法直接定義在jQuery構造函數上，屬於jQuery.method()格式，因此，開發人員可以直接使用，而無需再創建一個實例化對象。

後記

上述內容的介紹只是本人在實際開發過程中的一個經驗感悟，其實jQuery的內容遠不止這些，大家可以在慕課網通過jQuery基礎課程進行系統學習。

但不管是何種學習，如果我們在平時學習過程中，多注意觀察它執行時的特征，多提練出一些共性，多想想它的原理，入門後要想提升也並不是難事。

以上就是我們為大家准備的jQuery學習心得的相關內容，希望對大家可以有所幫助。