jQuery的優勢

標籤：大小   com   css3   ack   css   注意   div   進階   遍曆   

jQuery的優勢（write less，do more）

1、輕量級。jQuery很輕巧，採用UglifyJS（http://github.com/mishoo/UglifyJS）壓縮後，大小保持在30KB左右。

2、強大的選取器。

     同意開發人員使用從CSS1-CSS3差點兒全部的選取器。以及jQuery獨創的進階而複雜的選擇權。

3、出色的DOM操作的封裝。

     jQuery封裝了大量經常使用的DOM操作，使開發人員在編寫DOM操作相關程式的時候，更得心應手。

4、可靠的事件處理機制

5、完好的Ajax

     jQuery將全部的Ajax操作封裝到一個函數$.ajax()裡。使得開發人員處理Ajax的時候可以專心處理商務邏輯而無需關心複雜的瀏覽器安全色性和XMLHttpRequest對象的建立和使用的問題。

6、不汙染頂級變數。

7、出色的瀏覽器安全色性

8、鏈式操作方式

     對發生在同一個jQuery對象上的操作，能夠直接連寫而無反覆擷取對象。

9、隱式迭代

     當想找到帶有“.myclass”類的所有元素。並將其隱藏，無需迴圈遍曆每個返回的元素。

10、行為層與結構層的分離

     開發人員能夠使用jQuery選取器選中元素，然後直接給元素加入事件。使各個方面的開發人員各司其職，互不干涉。

11、豐富的外掛程式支援

12、完好的文檔

13、開源

 

jQuery代碼注意事項：

1、對同一個對象不超過3個操作的，能夠直接寫一行

      $("li").show().unbind("click");

2、對於同一個對象的較多操作，建議每行寫一個操作

      $(this).removeClass("")

                .addClass("")

                .stop()

                .fadeTo(“fast”,0.6)

                .fadeTo("fast",1)

                .unbind("click")

                .click(function(){

                });

3、對於多個對象的少量操作，能夠每一個對象寫一行，假設涉及子項目，可考慮適當的縮排

     $(this).addClass("highlight")

              .children("li").show().end();

      .siblings().removeClass("highlight")

              .children("li").hide();

4、為代碼加入凝視

jQuery的優勢