jQuery對象與dom對象相互轉換

核心提示:jQuery選擇器得到的jQuery對象和標準模型中的dom對象是兩種不同的對象類型,如:$(’#id’)得到的是jquery對象,它不能使用dom對象中的方法。jQuery對象要使用標準的dom方法,就需要進行對象轉換。

1 使用$函數創建的對象都是jQuery對象。如

var v = document.getElementById("id"); //DOM對象
var $v = $("#id"); //jQuery 對象

2 jQuery 對象轉成 DOM 對象

兩種轉換方式講一個 jQuery 對象轉換成 DOM 對象: [index] 和 .get(index);

(1) jQuery 對象是一個數據對象,可以通過 [index] 的方法,來得到相應的 DOM 對象。

如:
var $v = $("#v"); //jQuery 對象
var v = $v[0]; //DOM 對象
alert(v.checked); //檢測這個checkbox是否被選中

(2) jQuery 本身提供,通過.get(index) 方法得到相應的 DOM 對象
var $v = $("#v"); //jQuery 對象
var v = $v.get(0); //DOM對象 ( $v.get()[0] 也可以 )
alert(v.checked); //檢測這個 checkbox 是否被選中


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章