在使用jquery操作DOM時(shí)，我們經(jīng)常會(huì)用到append()來向某個(gè)元素中添加內(nèi)容。但是在某些情況下，我們需要先清空這個(gè)元素中已有的內(nèi)容再添加新的內(nèi)容。那么怎么清空這個(gè)元素呢？

很簡(jiǎn)單，只需要在使用append()方法之前，先使用empty()方法清空這個(gè)元素即可。

$('元素選擇器').empty(); //清空元素內(nèi)容
$('元素選擇器').append('新的內(nèi)容'); //添加新內(nèi)容

或者，也可以在使用append()方法時(shí)，將要添加的內(nèi)容嵌套在一個(gè)新的容器中，在添加之前，使用.html('')清空這個(gè)容器，再向該容器中添加新的內(nèi)容。這樣也能達(dá)到清空元素的效果。

$('元素選擇器').append('
');
$('元素選擇器 .container').html('');//清空容器
$('元素選擇器 .container').append('新的內(nèi)容');//向容器中添加新內(nèi)容

需要注意的是，使用empty()方法會(huì)清空元素的所有內(nèi)容，包括其內(nèi)部的子元素。如果只需要清空元素中的文本節(jié)點(diǎn)，可以使用text('')方法。

$('元素選擇器').text(''); //清空元素中的文本節(jié)點(diǎn)

綜上所述，通過使用empty()和text('')方法，可以很方便地清空一個(gè)元素的內(nèi)容，以便于使用append()等方法向其中添加新內(nèi)容。