jQuery的優勢

標籤：前端開發   jquery   

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、為代碼添加註釋