1. 程式人生 > >jQuery物件與DOM物件之間的轉換方法

jQuery物件與DOM物件之間的轉換方法

jQuery物件是包裝DOM物件後產生的,但是兩者卻不能混用,DOM物件才能使用DOM方法,jQuery物件才能使用jQuery方法,以下介紹兩者轉換的方法:

jQuery物件轉成DOM物件:

(1)jQuery物件實際上是一個數據物件,可以通過[index]方法獲得相應的DOM物件。

如:var $v=$("#v"); //得到jQuery物件

var v=$("v")[0];//轉換成DOM物件

(2)jQuery本身可以通過.get(index)方法得到相應的DOM物件

如:var $v=$("#v"); //得到jQuery物件

var v=$v.get(0);

DOM物件轉成jQuery物件:

對於已經是一個DOM物件,只需要用$()將DOM物件包裝起來,就能獲得jQuery物件了

如:var v=document.getElementById("v"); //得到DOM物件

var $v=$(v); //轉成jQuery物件

轉換後,就可以任意使用jQuery的方法了

以下方法都正確:

$("#div").html();

$("#div")[0].innerTHML;

$("#div").eq(0)[0].innerHTML;

$("#div").get(0).innerHTML;

$(document.getElementById("div")).html()

平時在使用過程中可以在變數前面加$以區分DOM物件和jQuery物件,新增$的為jQuery物件,沒有的則為DOM物件