DOM操作

創(chuàng)建元素:同時(shí)新建(元素節(jié)點(diǎn))(文本節(jié)點(diǎn))(屬性節(jié)點(diǎn))

插入節(jié)點(diǎn):動(dòng)態(tài)創(chuàng)建的元素節(jié)點(diǎn)插入

append、appendTo、prepend、prependTo是更傾向于父子元素之間的插入操作。

$("A").append(B)【查找某個(gè)元素A后,向其內(nèi)部元素后面插入元素B】

$("B").appendTo(A)

$("A").prepend(B)【查找某個(gè)元素A,向其內(nèi)部元素前面插入元素B】

$("B").prependTo(A)


after、insertAfter、before、insertBefore偏向于兄弟元素之間的插入

$(A).after(B);【查找元素A,在其后面插入元素B】

$(B).insertAfter(A);

$(A).before(B);【查找元素A,在其前面插入元素B】

$(B).insertBefore(A);


刪除節(jié)點(diǎn)

remove()【刪除元素以及元素內(nèi)包含后代,返回被刪除對(duì)象,可以帶參數(shù)刪除】

detach()【類似remove,區(qū)別在于,元素綁定的方法再次使用時(shí),依舊存在,但是人remove已不復(fù)從前】

empty()【清空元素內(nèi)部節(jié)點(diǎn),和remove、detach存在很大區(qū)別。比如ul中清除了li:eq(0)元素,只是清空了文本,綁定的事件依舊存在】


復(fù)制節(jié)點(diǎn)

clone()【不帶參數(shù),不具備原節(jié)點(diǎn)的行為,帶參數(shù)true完整克隆】

替換節(jié)點(diǎn)

$(A).replaceWith(B)【查找到A,用B來替換】

$(B).replaceAll(A')【調(diào)到了B和A的位置】


屬性操作

獲取屬性:$(A).attr(pro-name)【獲取元素A的屬性】

修改屬性:$(A).attr({名/值對(duì)})【修改A的屬性】

刪除屬性:$('A').removeAttr('屬性名')【刪除元素A屬性】


樣式操作

追加樣式:addclass()

移除樣式:removeclass()

切換樣式:toggle()

判斷樣式:hasclass()

設(shè)置內(nèi)容:html()、text()

遍歷節(jié)點(diǎn):

children():只考慮子元素,而不考慮后代元素

$(A).next():獲取緊鄰?fù)呏蠥元素的下一個(gè)元素

$(A).prev():獲取緊鄰?fù)呏蠥元素的上一個(gè)元素

$(A).siblings():獲取緊鄰?fù)呏蠥元素所有兄弟元素

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容