DOM操作

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

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

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

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

$("B").appendTo(A)

$("A").prepend(B)【查找某個元素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é)點

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

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

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


復制節(jié)點

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

替換節(jié)點

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

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


屬性操作

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

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

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


樣式操作

追加樣式:addclass()

移除樣式:removeclass()

切換樣式:toggle()

判斷樣式:hasclass()

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

遍歷節(jié)點:

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

$(A).next():獲取緊鄰同輩中A元素的下一個元素

$(A).prev():獲取緊鄰同輩中A元素的上一個元素

$(A).siblings():獲取緊鄰同輩中A元素所有兄弟元素

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容