一、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 通常建立文字節點和建立元素節...