jQuery学习笔记1：基础核心

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 加载模式

<a href="http://s3.51cto.com/wyfs02/M00/11/F9/wKiom1Lrx8Lya7GfAAI4zgHEaHs149.jpg" target="_blank"></a>

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，如需转载请自行联系原作者