JQuery與DOM中的區別

2022-04-04 19:27:47 字數 1090 閱讀 4611

一、query與dom的區別

1.頁面載入:

dom:window.onload=function(){};

jquery:$(function());

2.獲取物件:

jquery中有「#」

dom:document.getelementbyid('id');   

jquery:$('#id');

3.取值:dom通過屬性 ,jquery通過方法

domjquery

value值

obj.value

obj.val();

text值

obj.innertext;

obj.text();

innerhtml值

obj.innerhtml

obj.html();

4.事件:dom中有「on」

dom  

jquery

點選onclick

click

滑鼠經過

onmouseover

mouseover  

新增節點

處理獲得焦點事件  

onfocus()

focus()    

處理失去焦點事件  

onblur()      

blur()

5.專案中遇到的:

清空乙個下拉框:dom:selpro.options.length=0; jquery:selpro.empty();

二、jquery中的可讀可寫方法(rwf)

jquery

中的很多方法都是同乙個函式實現獲取(

getter

)和設定(

setter

)的,例如

attr()

方法,即能設定元素屬性的值,

也能獲取元素屬性的值,類似的還有

html()

、text()

、height()

、width()

、val()

和css()

等方法。

先這麼多,後續會繼續更新!

jQuery 物件與 dom物件區別

jquery物件是包裝dom物件後產生的,但是兩者卻不能混用,dom物件才能使用dom方法,jquery物件才能使用jquery方法,以下介紹兩者轉換的方法 jquery物件轉成dom物件 1 jquery物件實際上是乙個資料物件,可以通過 index 方法獲得相應的dom物件。如 var v v ...

jQuery物件與dom物件的區別與相互轉換

就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用jquery裡的方法。例如 test html 意思是指 獲取id為test的元素內的html 其中html 是jquery裡的方法 這段 等同於用dom實現 document.getelementbyi...

原生js與jQuery操作DOM的區別

一 建立元素節點 1.1 原生js建立元素節點 1 document.createelement p 1.2 jquery建立元素節點 1 二 建立並新增文字節點 2.1 原生js建立文字節點 1 document.createtextnode text content 通常建立文字節點和建立元素節...