1. 程式人生 > >jQuery中的DOM操作——總結了相關DOM操作的方法

jQuery中的DOM操作——總結了相關DOM操作的方法

DOM是一種與瀏覽器,平臺,語言無關的介面,使用該介面可以輕鬆的訪問頁面中所有的標準組件,它給予了web設計師和開發者一套標準的方法,讓他們能夠輕鬆的獲取和操作網頁中的資料,指令碼和表現層物件。

DOM操作的分類

分為三個方面:DOM Core(核心), HTML-DOMCSS-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()方法
引數可以有兩個,引數為一個時該引數為要查詢的屬性的名字,返回的是所查詢的屬性的值。
(三)建立節點
待補充…