jquery對象和dom對象的相互轉換

標籤：

更好的學習jquery，要區分好jquery對象和dom對象的區別。

先具體說說dom。舉個例子<html>　　<head></head>　　<body>　　　　<ul>　　　　　　<li>舉個例子</li>　　　　</ul>　　</body></html>這裡的每個子節點，例如<head>,<ul>,<li>都是dom元素節點。這樣就可以通過javascript來擷取改元素節點的對象，簡稱dom對象。而jquery對象就是把通過jquery把dom對象再次封裝後產生的對象。下面通過二者轉換的例子，應該就能更好的的理解兩者的關係。<input type="checkbox" id="cr"/><label>我已經閱讀了上面制度</label>現在先嘗試dom對象轉換成jquery對象 $(document).ready(function(){  　　var cr=document.getElementById("cr");    var $cr=$(cr);  });就像之前所說jquery對象就用jquery封裝下dom對象，上例首先通過getElementById的方法得到dom對象，然後在用jquery封裝下dom對象形成了jquery對象，實現了dom對象到jquery對象的轉換。現在再嘗試jquery對象轉換成dom對象。$(document).ready(function(){　　　　　　var $cr=$("#cr");       var cr=$cr[0];       // or       var cr=$cr.get(0); });上例先通過jquery的id選取器獲得jquery對象，由於jquery對象都是一個數組對象，所以再通過[index]的方法或者get(index)的方法就能得到相應的dom對象了。這裡要強調下。為了區分好二者，在命名的時候，jquery對象前最好要加個$,例如以上的例子。其實二者的轉換並不難，關鍵是理解好二者的區別。 ZT FROM HP：http://www.yzzmf.com/html/qianduankaifa/jsjq/2011-11-15/2182.html 

jquery對象和dom對象的相互轉換