jQuery物件和DOM物件都是獲取到的頁面節點物件,為什么還需要相互轉化呢?
原因是在 jQuery 物件中無法使用 DOM 物件的任何方法,如 $("p").innerHtml 是錯誤的,因為它的寫法是 $("p").html(),同樣,DOM物件中也不能用 jQuery 物件中的方法,如 document.getElementsByTagName("p").html() 是錯誤的,
1、jQuery 物件轉化為 DOM 物件
jQuery物件如果想要用 DOM 物件中的方法,就需要轉化為 DOM 物件,jQuery物件轉化為 DOM 物件有兩種方式,代碼如下:
var $test = $("test"); var test = $test[0]; // jQuery物件是一個陣列,可以通過索引得到 DOM 物件
或者:
// 用jQuery提供的get(index) 方法得到 DOM 物件 var test = $test.get(0)'
2、DOM 物件轉化為 jQuery 物件
同理,DOM 物件如果想要用 jQuery 物件中的方法,DOM 物件就需要轉化為 jQuery 物件,DOM 物件轉化為 jQuery 物件代碼如下:
var test = document.getElementById("p"); var $test = $(test); // 用jQuery 的工廠方法
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/285924.html
標籤:jQuery
上一篇:jQuery的鏈式編程風格
下一篇:jQuery常見事件的監聽方式
