要移除頁(yè)面上節(jié)點(diǎn)是開(kāi)發(fā)者常見(jiàn)的操作,jQuery提供了幾種不同的方法用來(lái)處理這個(gè)問(wèn)題,這里我們開(kāi)仔細(xì)了解下empty方法
empty 顧名思義,清空方法,但是與刪除又有點(diǎn)不一樣,因?yàn)樗灰瞥?指定元素中的所有子節(jié)點(diǎn)。
這個(gè)方法不僅移除子元素(和其他后代元素),同樣移除元素里的文本。因?yàn)椋鶕?jù)說(shuō)明,元素里任何文本字符串都被看做是該元素的子節(jié)點(diǎn)。請(qǐng)看下面的HTML:
<div class="hello"><p>慕課網(wǎng)</p></div>
如果我們通過(guò)empty方法移除里面div的所有元素,它只是清空內(nèi)部的html代碼,但是標(biāo)記仍然留在DOM中
//通過(guò)empty處理 $('.hello').empty() //結(jié)果:<p>慕課網(wǎng)</p>被移除 <div class="hello"></div>
可以參考右邊的代碼區(qū)域:
通過(guò)empty移除了當(dāng)前div元素下的所有p元素 但是本身id=test的div元素沒(méi)有被刪除
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)