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;