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、为代码添加注释

jQuery的优势,布布扣,bubuko.com

jQuery的优势

标签：前端开发   jquery   

原文地址：http://blog.csdn.net/comeonstone/article/details/31789815