jQuery物件和DOM物件之間的轉化

2021-08-10 05:18:49 字數 1180 閱讀 4034

在工作中，有時使用jquery，分不清哪些是jquery物件，哪些是dom物件，在此總結一下。

什麼是jquery物件呢？

就是通過jquery包裝dom物件後產生的物件。

但是二者之間的方法是不相容的，及jquery物件不能使用dom物件的方法，dom物件不能使用jquery物件的方法，但二者之間又有著聯絡，是可以進行相互轉化的。

(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物件 


alert(v.checked) //檢測這個checkbox是否被選中
對於已經是乙個dom物件，只需要用$()把dom物件包裝起來，就可以獲得乙個jquery物件了。

$(dom物件) 

var v=document.getelementbyid("v"); //dom物件 


var $v=$(v); //jquery物件
jquery物件是個集合，通過開發者工具，也可以區別我們獲取的物件是jquery物件，還是dom物件。

jquery物件

dom物件

以下的幾種寫法都是正確的

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


$("#msg")[0].innerhtml; 


$("#msg").eq(0)[0].innerhtml; 


$("#msg").get(0).innerhtml;

jQuery物件和DOM物件

jquery 物件就是 通過 jquery 包裝 dom 物件後產生的物件或者 選擇器 產生的物件 jquery 物件是 jquery 獨有的.如果乙個物件是 jquery 物件,那麼它就可以使用 jquery 裡的方法 persontab html jquery 物件無法使用 dom 物件的任何方...

dom物件和jquery物件

剛開始學習 jquery 可能一時會分不清楚哪些是jquery物件，哪些是dom物件。至於dom物件不多解釋，我們接觸的太多了，下面重點介紹一下jquery，以及兩者相互間的轉換。什麼是jquery物件？就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的，其可以使用...

Dom物件和JQuery物件

剛開始學習 jquery 可能一時會分不清楚哪些是jquery物件，哪些是dom物件。至於dom物件不多解釋，我們接觸的太多了，下面重點介紹一下jquery，以及兩者相互間的轉換。什麼是jquery物件？就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的，其可以使用...