jQuery對象與dom對象的轉換

最近在閒暇時間用jQuery搞了一個多文件上傳的東東,順便寫點筆記。

一直以來對於通過jQuery方式獲取的對象使不能直接使用JavaScript的一些方法的,開始的時候不理解,現在此案知道,原來jQuery 獲得的對象並不和我們平時使用getElementById獲得的對象是一樣的對象。所以一些新手就很迷惑,爲什麼${”#Element”}不能直接 innerHTML,這就是原因所在,解決方式請看下文。

jQuery對象與dom對象的轉換
只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區別的,調用方法時要注意操作的是dom對象還是jquery對象。
普通的dom對象一般可以通過$()轉換成jquery對象。

如:

1. $(document.getElementById("msg"))

則爲jquery對象,可以使用jquery的方法。
由於jquery對象本身是一個集合。所以如果jquery對象要轉換爲dom對象則必須取出其中的某一項,一般可通過索引取出。
如:

1. $("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

這些都是dom對象,可以使用dom中的方法,但不能再使用Jquery的方法。
以下幾種寫法都是正確的:

1. $("#msg").html();
2. $("#msg")[0].innerHTML;
3. $("#msg").eq(0)[0].innerHTML;
4. $("#msg").get(0).innerHTML;
發佈了64 篇原創文章 · 獲贊 0 · 訪問量 2758
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章