jquey之與dom的轉化

來源:互聯網
上載者:User

記得剛開始寫前端代碼的時候,傻呵呵的以為要是用js與jquery架構是隔離的,要是用其中的一種架構,就不能摻和另一種,現在想想,以前好小白啊,代碼肯定是要越方便越好啊。
今天就講講jquery與dom隨時轉化的問題。
在DOM樹中擷取到的元素節點就稱為DOM對象。DOM對象可以使用JS中的方法。
jquery對象是通過Jquery封裝DOM對象所產生的對象。可以使用JQuery中的方法。
什麼對象使用什麼方法,他們使用的方法是不同的。

var $variable = JQuery對象;var variable = DOM對象;

1.JQuery提供了兩種方法將JQuery轉化為DOM對象,即【index】和get[index].
例:

var $cr = $("#cr");  //JQuery對象var cr = $cr[0];     //DOM對象var cr1 = $cr.get(0);//DOM對象

2.DOM對象轉化為Jquery對象
對於DOM對象,只需要用$()將DOM對象封裝起來就可以得到JQuery對象了;
如:

var cr = document.getElementById("cr"); //DOM對象var $cr = $(cr);                        //JQuery對象

附:我們平時所用到的jQuery對象其實都是用$()函數構造出來的,嘻嘻,這個函數其實就是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.