jQuery對象與dom對象相互轉換

 jQuery對象與dom對象的轉換

   只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區別的,調用方法時要注意操作的是dom對象還是jquery對象。 

  dom對象轉換爲jQuery對象

    普通的dom對象一般可以通過$()轉換成jquery對象。
   如: $(document.getElementById("msg"))
   則爲jquery對象,可以使用jquery的方法。 

  jquery對象轉換爲dom對象

   一般來說有兩種方法,原理是相同的

  (1)通過索引取出

     由於jquery對象本身是一個集合。所以如果jquery對象要轉換爲dom對象則必須取出其中的某一項,一般可通過索引取出。
如:

     $("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

這些都是dom對象,可以使用dom中的方法,但不能再使用Jquery的方法。
    以下幾種寫法都是正確的:

$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
 $("#msg").get(0).innerHTML; 

  (2)jQuery本身提供

   通過.get(index)方法,得到相應的DOM對象

  如:var $v=$("#v"); //jQuery對象

  var v=$v.get(0); //DOM對象

  alert(v.checked) //檢測這個checkbox是否被選中



發佈了27 篇原創文章 · 獲贊 20 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章