深入分析JQuery和JavaScript的異同_jquery

ps:LZ覺得這個標題有點大了，超出了能力範圍，不喜勿碰。目前只記錄LZ能力範圍內的，日後持續補充。

一、JQuery物件與DOM物件的相互轉換（《尖銳的JQuery》）

       JQuery轉換為DOM：

          1、var jq = $(‘#selector');   var dom = jq[index];

          2、var jq1 = $(‘#selector1');  var dom1 = jq1.get(index) 或 var dom1 = jq1.get()[index];

      DOM轉換為JQuery：

          假設cr是一個DOM對象，轉為JQuery，jqcr = $(‘cr');

二、JQuery的$(document).ready()和JavaScript的window.onload()的區別（《鋒利的JQuery》）

       1、執行時機

            window.onload必須等待網頁中所有資源(包括圖片)載入完成後才能執行，而$(document).ready()在所有DOM結構繪製完畢後就執行，但是可能與DOM相關聯的資源還沒有加載完畢。

       2、寫出數量

            一個文件中，而window.onload只有是一個，而$(document).ready()可以有多個

       3、化簡方法

           window.onload沒有簡稱形式，$(document).ready()可簡寫為$(function(){}).

 

三、JQuery和JavaScript中存取屬性名稱的區別（《JQuery實戰》）

       JQuery規格名稱                                  cellspacing                                    class                                      colspan                                     cssFloat                                 float                          Float
       for                                      frameborder                         地        maxLength                                    readonly                                     rowspan                                     stylefloat                                    tabindex                                     usemap                             
四、衝突

        DOM理論上不會有衝突產生，JQuery防止衝突產生的兩種解決方法：（《尖銳的JQuery》）

        1、JQuery庫在其他庫之後導入

              以JQuery。 noConflict()方法將$控制權給其他函式庫使用，或自訂捷徑，$j = JQuery.noConflict();

        2、JQuery函式庫在其他資料庫之前匯入

               直接以JQuery取代$來運作，同時$可作為其他函式庫的捷徑。