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