zoukankan      html  css  js  c++  java
  • 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、为代码加入凝视

  • 相关阅读:
    mui 关闭除指定页面之外的其他所有页面.
    javascript 工厂模式
    DOM事件对象与IE事件对象
    animation属相详解
    webpack概念
    小程序获取form_id 与 小程序获取openid
    小程序分享自定义样式
    node生成图片
    小程序弹出层点透问题
    pm2配置文件介绍
  • 原文地址:https://www.cnblogs.com/yfceshi/p/6946672.html
Copyright © 2011-2022 走看看