jQuery的优势

Posted 2020-09-21 yfceshi

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、为代码加入凝视