juqery和dom物件互換

2021-10-04 17:02:18 字數 1410 閱讀 3167

一、jquery物件與dom物件相互轉換

1.jquery物件轉dom物件

js**

var$cr  = $(

"#cr"

);    

//jquery物件

//轉換成dom物件,索引號從0開始,選取對應節點

varcr = $cr[0];    

//或 var cr = $cr.get(0);

alert(cr.checked);    //dom方法檢測這個checkbox是否被選中

2.dom物件轉jquery物件

js**

varcr = document.getelementbyid(

"cr"

);    

//dom物件

var$cr = $(cr);    

//jquery物件

二、解決與其他js庫衝突

1.jquery在其他庫之前匯入,可直接使用jquery,無需呼叫jquery.noconflict()函式

js**

2.jquery在其他庫之後匯入

js**

jquery.noconflict();  

//將變數$的控制權移交給prototype.js

jquery(function

());  

});  

$("pp"

).style.display=

'none'

;  //使用prototype

$j = jquery.noconflict();  //自定義乙個快捷給jquery,將變數$的控制權移交給prototype.js

$j(function

());  

});  

$("pp"

).style.display=

'none'

;  //使用prototype

或js**

jquery.noconflict();  

//將變數$的控制權移交給prototype.js

(function

($));  

});  

})(jquery);  

$(「pp」).style.display='none'

;  //使用prototype 

jquery.noconflict();  //將變數$的控制權移交給prototype.js

jquery(function

($));      

});  

});  

$("pp"

).style.display=

'none'

;  //使用prototype 

dom物件和JQuery物件的互換

使用js中的方法獲取頁面中的元素返回的物件就是dom物件。比如使用document.getelement 系列的方法返回的就是dom物件 jquery物件就是使用jquery的方法獲取頁面中的 元素返回的物件就是jquery物件 比如使用 方法返回物件都是jquery物件 jquery物件其實就是d...

JQuery和Dom互換規則

1,jquery轉換成 dom物件 jquery物件不能使用 dom的方法,但是對 jquery 物件所提供的方法不熟悉,或者 jquery 沒有封裝想要的方法,不得不使用 dom物件的時候,以下有兩種解決辦法。jquery提供了兩種方法將乙個 jquery 物件轉換成 dom物件,即 index ...

jQuery物件和DOM物件

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