jQuery中的DOM操作——總結了相關DOM操作的方法
阿新 • • 發佈:2018-12-03
DOM是一種與瀏覽器,平臺,語言無關的介面,使用該介面可以輕鬆的訪問頁面中所有的標準組件,它給予了web設計師和開發者一套標準的方法,讓他們能夠輕鬆的獲取和操作網頁中的資料,指令碼和表現層物件。
DOM操作的分類
分為三個方面:DOM Core(核心), HTML-DOM和CSS-DOM
(一)DOM Core
- DOMCore並不專屬於Javascript,任何一種支援DOM的程式設計語言都可以使用它。它的用途並非僅限於處理網頁,也可以用來處理任何一種使用標記語言編寫出來的文件,例如XML。
- Javascript中的getElementById(),getElementByTagName(),getAttribute和setAttribute()等方法,這些都是DOM Core 的組成部分。
- 例如:
@ 使用DOM Core來獲取表單物件的方法
document.getElementByTagName("form");
@使用DOM Core來獲取某元素的屬性的方法
element.getAttribute("src");
(二)HTML-DOM
例如:
@使用HTML-DOM來獲取表單物件的方法
document.forms;//HTML-DOM提供了一個forms物件
@使用HTML-DOM來獲取某元素的src屬性的方法
element.src;
(三)CSS-DOM
- CSS-DOM是針對CSS的操作,在javascript中,CSS-DOM技術的主要作用是獲取和設定style物件的各種屬性。
- 例如:
@設定某元素style物件字型顏色的方法
element.style.color="yellow";
jQuery中的DOM操作
(一)查詢元素節點
利用jQuery的各種選擇器可以用來查詢元素節點
(二)查詢屬性節點
attr()方法
引數可以有兩個,引數為一個時該引數為要查詢的屬性的名字,返回的是所查詢的屬性的值。
(三)建立節點
待補充…