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，如需轉載請自行聯系原作者