三谅将、刪除節(jié)點(diǎn)
這里我們先寫(xiě)一個(gè)簡(jiǎn)單的布局
1.remove():刪除所有匹配的元素
當(dāng)某個(gè)節(jié)點(diǎn)用remove()刪除后甚负,該節(jié)點(diǎn)所包含的所有后代節(jié)點(diǎn)將同時(shí)被刪除账胧。這個(gè)方法的返回值是一個(gè)指向已被刪除的節(jié)點(diǎn)的引用料身,因此可以在以后再使用這些元素。
empty():清空所有元素
empty()并不是刪除節(jié)點(diǎn)胰锌,而是清空節(jié)點(diǎn)骗绕,它能清空元素中的所有后代節(jié)點(diǎn)。
detach():刪除所有匹配的元素
detach與remove方法一樣资昧,刪除后的元素仍然可以使用爹谭,除此之外還會(huì)保留所有綁定的事件、附加的數(shù)據(jù)
刪除之后下標(biāo)為1的li點(diǎn)擊后字體仍然為紅色榛搔。
四诺凡、替換節(jié)點(diǎn)
repalcewith():將所有匹配的元素用指定的HTML或者是DOM元素進(jìn)行替換
repalceAll():用指定的HTML或者是DOM元素對(duì)所有匹配的元素進(jìn)行替換.該方法與replaceWith()的作用相同,只不過(guò)是顛倒了replaceWith()的操作
點(diǎn)擊替換節(jié)點(diǎn)按鈕擅笔,用新創(chuàng)建的li替換第一個(gè)li揩页。
五悼吱、克隆節(jié)點(diǎn)
clone():復(fù)制節(jié)點(diǎn)元素
克隆第一個(gè)li欢际,并追加的ul后面
六察藐、包裹節(jié)點(diǎn)
wrap():將某一個(gè)元素用其他的元素給包裹起來(lái)
wrapAll():將所有匹配的元素用一個(gè)元素來(lái)包裹
wrapInner():將每一個(gè)元素的子內(nèi)容(包括文本節(jié)點(diǎn)),用其他元素包裹起來(lái)
unwrap():移除被選元素的父元素
將p標(biāo)簽用背景顏色為紅色(background-color: red;)的div包裹起來(lái)伐蒋、