jQuery基礎之DOM和jQuery之間的轉換

2021-06-04 23:29:34 字數 786 閱讀 3150

引言:

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

dom物件不可使用jquery物件的方法。同理jquery物件也不可使用dom物件的方法。

例如::

$("#foo").html();//這是jquery物件的使用

它的功能等同於:

document.getelementbyid("foo").innerhtml;//dom物件的方法

一,jquery物件轉成dom物件

第一種方法:

var $text = $("#text");//取得頁面上id為cr的元素,返回jquery物件

var text = $text[0];//jquery物件轉成dom物件

第二種方法:(通過get()方法)

var $text = $("#text");

var text = $text.get(0);

二,dom物件轉成jquery物件

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

var $text = $(text); //轉為jquery物件

三,例項

html:

我已經閱讀了上面的制度

js:使用dom判斷checkbox是否選中:

$(document).ready(function()

})});

使用jquery判斷checkbox是否選中:

$(document).ready(function()

})});

jQuery 基礎DOM和CSS操作

一 設定元素及內容 html 獲取元素中的html內容 html value 設定元素中的html內容 text 獲取元素中的文字內容 text value 設定元素中的文字內容 val 獲取表單中的文字內容 val value 設定表單中的文字內容 注意 當使用html 和text 設定元素的內容...

jquery基礎1 jquery和dom物件轉換

window.nl ad function document ready function 相當於 function foo html 相當於 document.getelementbyid foo innerhtml jquery 物件轉換成 dom物件 第一種方法 var cr cr jquer...

jquery基礎1 jquery和dom物件轉換

window.nl ad function document ready function 相當於 function foo html 相當於 document.getelementbyid foo innerhtml jquery 物件轉換成 dom物件 第一種方法 var cr cr jquer...