jQuery物件與DOM物件的轉換

2021-08-11 16:59:25 字數 827 閱讀 2432

jquery 物件是 jquery 獨有的. 如果乙個物件是 jquery 物件, 那麼它就可以使用 jquery 裡的方法

dom 是 document object model(文件物件模型)的縮寫。

是 w3c(全球資訊網聯盟)的標準,定義了訪問 html 和 xml 文件的標準。換言之dom就是關於如何獲取,修改,新增和刪除html及xml元素的標準。

dom定義了所有html及xml元素的物件和屬性以及訪問方法

jquery 物件無法使用 dom 物件的任何方法, 同樣 dom 物件也不能使用 jquery 裡的任何方法

對於乙個 dom 物件, 只需要用 $() 把 dom 物件包裝起來(jquery 物件就是通過 jquery 包裝 dom 物件後產生的物件), 就可以獲得乙個 jquery 物件.

var em=ducument.getelementbyid("em");

var $em=$(em);

這樣就可以將dom物件em轉換成jquery物件$em從而使用jquery中的方法

轉換方式有如下兩種

a. jquery 物件是乙個陣列物件, 可以通過 [index] 的方法得到對應的 dom物件

var

$em=$("#em");

var em=$em[0];

b.使用 jquery 中的 get(index) 方法得到相應的 dom 物件

var

$em=$("#em");

var em=$em.get[0];

Jquery物件 jquery與dom物件的區別

最近工作有很多判斷的 用到了jquery與dom物件的地方比較多,寫在這裡加強下基本概念 1.判斷是否存在時候,要用dom物件,因為jquery在獲得物件的時候,無論要獲得的物件是否存在,都會返回jquery物件 2.jquery物件與dom物件的轉換 jquery物件就是通過jquery包裝dom...

JQuery物件與DOM物件

開始以為jquery的 id 與 js的document.getelementbyid id 是一樣的。但是當我對select使用selectedindex屬性的時候,發現前者不可以,而後者可以。原來,jquery的 id 返回的是乙個jquery物件,用document.getelementbyi...

Dom物件與Jquery物件

頁面中有id aa jquerya 測試發現 aa document.getelementbyid aa 二者都是物件,但前者是jquery物件,後者是dom物件。區別 jquery物件不能使用dom物件的屬性,當然dom物件也不能使用jquery物件的方法。二者轉換 普通的dom物件一般可以通過 ...