全部課程
發(fā)布時(shí)間: 2019-01-18 16:28:54
?除了創(chuàng)建、插入和包裹節(jié)點(diǎn),jQuery 還提供了一些常規(guī)的節(jié)點(diǎn)操作方法:復(fù)制、替換和刪除節(jié)點(diǎn)。
$(‘#box’).click(function(){
alert(‘123’);
});
$('body').append($('div').clone(true)); //復(fù)制一個(gè)節(jié)點(diǎn)添加到 HTML 中
$(‘div’).clone().appendTo(‘body’);
//同上, .clone(),里面沒(méi)有參數(shù)或是false的情況下,它的事件處理是復(fù)制不到的
注意:clone(true)參數(shù)可以為空,表示只復(fù)制元素和內(nèi)容,不復(fù)制事件行為。而加上 true 參數(shù)的話,這個(gè)元素附帶的事件處理行為也復(fù)制出來(lái)。
$('div').remove(); //直接刪除 div 元素
注意:.remove()不帶參數(shù)時(shí),刪除前面對(duì)象選擇器指定的元素。而.remove()本事也可以帶選擇符參數(shù)的,比如:$('div').remove('#box'); //只刪除
id=box 的 div。
$('div').remove('#box').appendTo(‘body’); //移除掉再重新appendTo加回時(shí),沒(méi)有事件操作
$('div').
detach().appendTo(‘body’); //保留事件行為的刪除
注意:.remove()和.detach()都是刪除節(jié)點(diǎn),而刪除后本身方法可以返回當(dāng)前被刪除的節(jié)點(diǎn)對(duì)象,但區(qū)別在于前者在恢復(fù)時(shí)不保留事件行為,后者則保留。
$('div').empty(); //刪除掉節(jié)點(diǎn)里的內(nèi)容
$('div').replaceWith('<span>節(jié)點(diǎn)</span>'); //將 div 替換成 span 元素內(nèi)容
$('<span>節(jié)點(diǎn)</span>').replaceAll('div'); //同上
注意:節(jié)點(diǎn)被替換后,所包含的事件行為就全部消失了。