1 代码风格

1.1 $本身就是jQuery对象的缩写

       $===jQuery

1.2 连缀

jQuery最终返回的是jQuery对象,因此可以连缀处理。

   alert($);            //jQuery对象的内部
   alert($());            //返回的jQuery对象
   alert($('#box'));    //返回的也是jQuery对象
   alert($('#box').css('color', 'red'));        //还是返回的jQuery对象

例子:

       $('#box').css('color', 'red').css('font-size', '200px').css('font-weight', 'bold');

2 加载模式

jQuery学习笔记1:基础核心

3 对象互换

   alert($('#box'));            //返回jQuery对象
   alert(document.getElementById('box'));        //[object HTMLDivElement],原生DOM对象
   alert($('#box').get(0));        //[object HTMLDivElement]
   alert($(document.getElementById('box')).css('color', 'red'));        //jQuery对象和DOM对象之间的互换

4 多个JavaScript库之间冲突

   Prototype、Base和jQuery等都是使用$作为基础起始符,若想和jQuery共容,建议将jQuery库引用放在其他库之前,那么$所有权就是其他库的。jQuery可以直接用jQuery对象调用,或创建一个“$$”符号给jQuery使用。

   var $$ = jQuery;

   备注:若在其他库之后,可以采用如下处理。

    jQuery.noConflict(); //自行了断,把自己的$所有权剔除

    var $$ = jQuery;





     本文转自stock0991 51CTO博客,原文链接:http://blog.51cto.com/qing0991/1355427,如需转载请自行联系原作者






相关文章:

  • 2021-08-09
  • 2021-06-24
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-27
  • 2021-10-14
  • 2022-01-09
猜你喜欢
  • 2021-08-18
  • 2021-11-20
  • 2021-12-21
  • 2021-08-20
  • 2021-06-12
  • 2021-07-16
相关资源
相似解决方案