1. 程式人生 > >jQuery DOM操作

jQuery DOM操作

追加節點:

(1)append()   給獲得的元素新增新的標籤
(2)appendTo()  將獲得的元素新增到某標籤中

 刪除節點:
(1)根據引數刪除指定的元素 remove()   
(2)清空節點 empty()

1,clone()  複製一個節點    例如:  $(li:[name="li"]).clone(true).appendTo("ul");  引數為true表示一同複製節點屬性
2, 替換節點 replaceWith() 用引數節點替代選取的節點  例如:$("p").replaceWith("<span>這是一個span元素</span>")

replaceAll()   使用某元素替換所有其他元素  例如:$("<span>這是span元素</span>").replaceAll("p");

2, wrap() 用某個標籤包含選中元素 例如:$("ul li").wrap("<b></b>");在每個<li>外面包上<b></b>標籤     wrapAll()將選中元素用一個標籤包含起來 $("ul li").wrapAll("<b></b>"); 將所有的<li>包含在<b></b>標籤中

屬性的操作

1,attr(“?”,“?”)    新增或查詢選中元素的某條屬性,引數1為屬性名,引數2為屬性值
2,removeAttr()    刪除某個元素的某條屬性

樣式操作:

1,attr()     通過操作元素屬性的class值來改變樣式   
2,addClass()    引數為樣式名稱
3,removeClass()  刪除元素的樣式屬性
4,toggle()       如果有這個class屬性就刪除,如果沒有就增加

設定和獲取html,文字和值

1,html()   獲取閉合標籤之間的元素    基本相當於JS中的innerHTML
2,text()  獲取文字元素
3,val()    獲取節點的value值

遍歷節點

1,children()   得到活的元素的所有子節點
2,next()     當前元素下一個兄弟元素
3,prev()     當前元素上一個一個兄弟元素
4,siblings()    得到當前節點所有的所有兄弟節點