1. 程式人生 > >jQuery學習之路

jQuery學習之路

千萬不要害怕學習流行的新的語言,因為這隻會讓你錯失一種取得成功的捷徑,語言之所以流行,足以證明它的優越性!

jQuery介紹

jQuery是一個快速,小巧,功能豐富的JavaScript庫。它通過易於使用的API在大量瀏覽器中執行,使得HTML文件遍歷和操作,事件處理,動畫和Ajax更加簡單。通過多功能性和可擴充套件性的結合,jQuery改變了數百萬人編寫JavaScript的方式。——來自官網上的介紹jQuery官網地址
jQuery是網頁行為層語言JavaScript的封裝庫,使得Web設計師和開發者能方便地增強頁面的互動能力及可用性。它的背後還有一個非常大的社群

,包括大量外掛開發人員,極大地增加了的庫的功能。
有很多(大約20個)流行的庫,最活躍的有5個(Prototype、MooTools、YUI、DoJo和jQuery),只不過是每個庫的側重點不同,jQuery擅長操作維護DOM,最大的特點是適合初學者學習,其它幾個太過複雜,jQuery天生簡單直接,因此贏得了大批開發者粉絲。
庫能夠大量減少開發者編寫程式碼量、避免重複程式碼。

推薦書籍

  1. Learning jQuery Forth Edition
  2. jQuery in Action
  3. jQuery Succinctly

語法特性

  1. CSS選擇符

利用了CSS中選擇符的能力,用$()函式進行選擇DOM;

在將方法連綴到$()工廠函式後面時,包裝在jQuery物件中的元素會被自動、隱式地迴圈遍歷。換句話說,這樣就避免了使用for迴圈之類的顯式迭代(這種迭代在DOM指令碼程式設計中非常常見);

子元素組合符(>),選元素的第一子元素;

  1. 屬性選擇符

屬性選擇符使用一種從正則表示式中借鑑來的萬用字元語法,以^表示值在字串的開始,以$表示值在字串的結尾。而且,也是用星號*表示要匹配的值可以出現在字串中的任意位置,用歎號!表示對值取反;

  1. 自定義選擇符

通常跟在一個CSS選擇符後面,基於已經選擇的元素集的位置來查詢元素;為什麼針對奇數行使用:even選擇符呢?很簡單, :eq()選擇符、 :odd和:even選擇符都使用JavaScript內建從0開始的編號方式,因此,第一行的編號為0(偶數),第二行的編號為1(奇數),依此類推;

contains()選擇符,nth-child()選擇符;

  1. DOM遍歷方法

.next()只選擇最近同輩元素,突出的連綴能力;上述方法大部分都會返回jQuery物件,而這通常都是我們所希望的,因為jQuery物件能夠提供隱式迭代和連綴能力。