jQuery對象與dom對象的轉換，jquery對象dom

jQuery對象與dom對象的轉換，jquery對象dom

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

jQuery對象與dom對象的轉換
只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區別的，調用方法時要注意操作的是dom對象還是jquery對象。
普通的dom對象一般可以通過$()轉換成jquery對象。  可以500%提高開發效率的前端UI架構！ 

如：

$(document.getElementById("msg"))

 

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

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

 

這些都是dom對象，可以使用dom中的方法，但不能再使用Jquery的方法。  可以500%提高開發效率的前端UI架構！  
以下幾種寫法都是正確的：

$("#msg").html();$("#msg")[0].innerHTML;$("#msg").eq(0)[0].innerHTML;$("#msg").get(0).innerHTML;

 


DOM對象轉成jQuery對象:

你這樣寫，意味著v是DOM對象，而$v是jquery對象，以後如果要調用，就使用$v。當然，$號不是必需的，你也可以用其他的變數名，如var jq_obj=$(v)
 
jquery對象轉化為dom對象

jQuery擷取元素 不管一個還是多個都是返回一個數組
即將擷取的元素放在一個數組對象中。( 也可以這麼認為數組中存的就是DOM對象)
既然是數組 能寫0還是1還是n 就取決於擷取了多少個DOM對象
所以當cm[0] 取的就是jquery擷取的第一個DOM對象
cm[1] 取的就是第二個 以此類推。

而你上面的寫的 使用# 即ID選取器 擷取的肯定是一個元素 要麼這個元素不存在就是0
所以 var cm = $("clickMe");能擷取到元素即可以cm[0] 不能肯定報錯。。
可以cm.length 檢測