您當前位置：首頁 > 互聯網 > jQuery對象與dom對象的轉換

jQuery對象與dom對象的轉換

來源：程序員人生發布時間：2014-10-03 08:00:01 閱讀次數：3028次

一直以來對于通過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;

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生