本文實例講述了jQuery中DOM常見操作。分享給大家供大家參考,具體如下:
DOM屬性操作
屬性列表
| 屬性 | 版本 | 說明 |
|---|---|---|
| attr() | 1.0 | 設置或返回文檔節點的屬性。 |
| removeAttr() | 1.0 | 移除文檔節點的屬性。 |
| prop() | 1.6 | 設置或返回DOM元素的屬性。 |
| removeProp() | 1.6 | 移除每個匹配元素的屬性。 |
| addClass() | 1.0 | 添加CSS類名。 |
| removeClass() | 1.0 | 移除CSS類名。 |
| toggleClass() | 1.2 | 切換CSS類名(存在就刪除,不存在就添加)。 |
| html() | 1.0 | 設置或返回元素的html內容(即innerHTML)。 |
| text() | 1.0 | 設置或返回元素的文本內容(已過濾掉HTML標簽,即IE中的innerText )。 |
| val() | 1.0 | 設置或返回元素的值(主要是表單元素的value值)。 |
DOM文檔操作
一、添加元素
1、內部添加
append($(selector))
appendTo($(selector))
prepend($(selector))
appendTo(),會改變對象prependTo($(selector))
2、外部添加
after($(selector))
appendTo(),會改變對象insertAfter($(selector))
before($(selector))
|
新聞熱點
疑難解答
圖片精選