深入分析JQuery和JavaScript的異同,深入分析jquery

來源:互聯網
上載者:User

深入分析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正式名稱                             DOM規範
       cellspacing                                    cellSpacing
       class                                                className
       colspan                                          colSpan
       cssFloat                                         IE中是styleFloat,其他瀏覽器是cssFloat
       float                                               IE中是styleFloat,其他瀏覽器是cssFloat
       for                                                  htmlFor
       frameborder                                frameBorder
       maxLength                                  maxLength
       readonly                                      readOnly
       rowspan                                       rowSpan
       stylefloat                                      IE中是styleFloat,其他瀏覽器是cssFloat
       tabindex                                       tabIndex
       usemap                                         useMap

四、衝突

        DOM理論上不會有衝突產生,JQuery防止衝突產生的兩種解決方案:(《鋒利的JQuery》)

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

              調用JQuery。noConflict()方法將$控制權給其他庫使用,或者自訂捷徑,$j = JQuery.noConflict();

        2、JQuery庫在其他庫之前置入

               直接使用JQuery代替$工作,同時$可以作為其他庫的捷徑。


jquery與javascript的不同

jquery 就對javascript的一個擴充,封裝,就是讓javascript更好用,更簡單。人家怎麼說的來著,jquery就是要用更少的代碼,漂亮的完成更多的功能。
 
誰可以夠說一下jquery與javascript的不同?在實際開發應用中那個用的比較多?

Jquery是一個JavaScript的一個架構,說白了就是簡化了js的一些操作
如document.getElementByID("test")用jquery寫就是$("#test")
當然這隻是一個執行個體,實際上還有很多其他的函數以及其他的一些操作
而且jquery對各路瀏覽器都兼顧到了,無需調用者考慮相容性

至於你說的jquery和javascript誰用的廣泛一些這個問題怎麼跟你說呢?
因為jquery就是javascript,用了jquery就是用了javascript
但是用了javascript不一定用了jquery
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.