首頁  >  文章  >  web前端  >  深入分析JQuery和JavaScript的異同_jquery

深入分析JQuery和JavaScript的異同_jquery

WBOY
WBOY原創
2016-05-16 16:33:051121瀏覽

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取代$來運作,同時$可作為其他函式庫的捷徑。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn