jQuery對象與dom對象間的區別和相互轉換

一直以來對於經過jQuery方式獲取的對象使不能直接使用JavaScript的一些方法的,開始的時候不理解,如今此案知道,原來jQuery得到的對象並不和咱們平時使用getElementById得到的對象是同樣的對象。因此一些新手就很迷惑,爲何${"#Element"}不能直接innerHTML,這就是緣由所在,解決方式請看下文。html

jQuery對象與dom對象的轉換
只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區別的,調用方法時要注意操做的是dom對象仍是jquery對象。
普通的dom對象通常能夠經過$()轉換成jquery對象。

如:jquery

 
 
$(document.getElementById("msg"))
則爲jquery對象,能夠使用jquery的方法。
因爲jquery對象自己是一個集合。因此若是jquery對象要轉換爲dom對象則必須取出其中的某一項,通常可經過索引取出。
如:
 
 
$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

這些都是dom對象,能夠使用dom中的方法,但不能再使用Jquery的方法。
如下幾種寫法都是正確的:
 
 
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;
相關文章
相關標籤/搜索