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

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;