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