Jquery是一個(gè)非常常用的JavaScript庫(kù),它提供了很多方便的方法,以便于我們更好地操作DOM。在jquery中,detach與remove都是常用的方法。
detach方法
$('selector').detach([selector])
這個(gè)方法用于移除匹配的元素集合中的所有元素,包括匹配元素本身,它可以保留元素中的數(shù)據(jù)和事件。而且在jQuery 1.4中,可以傳遞可選參數(shù)選擇需要保留的元素。
$('selector').detach('selector')
參數(shù)selector表示需要保留的元素,比如下面的例子會(huì)移除p標(biāo)簽中的第一段文字:
$('p').detach('span:first-child')
remove方法
$('selector').remove([selector])
這個(gè)方法與detach類似,用于移除匹配的元素集合中的所有元素,包括匹配元素本身,但是與detach不同的是,它不會(huì)保留元素中的任何數(shù)據(jù)和事件。
$('selector').remove('selector')
同樣的,參數(shù)selector表示需要保留的元素,比如下面的例子會(huì)移除p標(biāo)簽中的除了第一段文字以外的內(nèi)容:
$('p').remove('span:not(:first-child)')
總結(jié)
detach與remove是jquery中常見的DOM操作方法,其主要區(qū)別在于是否保留元素中的數(shù)據(jù)和事件。在實(shí)際開發(fā)中,我們需要根據(jù)具體場(chǎng)景選擇使用哪種方法,以達(dá)到更好的效果。