在 jQuery 中,可以使用一系列 API 來添加元素和刪除元素。以下是一些常見的操作示例:
添加元素
append():將指定元素添加到目標(biāo)元素的最后面。
$('body').append('
');
prepend():將指定元素添加到目標(biāo)元素的最前面。
$('body').prepend('
');
after():將指定元素添加到目標(biāo)元素的后面。
$('h1').after('
這是一個(gè)新的 p 元素
');
before():將指定元素添加到目標(biāo)元素的前面。
$('h1').before('
這是一個(gè)新的 p 元素
');
刪除元素
remove():刪除匹配的元素以及它們的子元素。
$('div').remove();
empty():刪除匹配的元素的所有子節(jié)點(diǎn)。
$('div').empty();
需要注意的是,jQuery 的添加和刪除元素操作會(huì)對 DOM 進(jìn)行實(shí)時(shí)操作,因此在操作過程中需要注意對頁面性能的影響。如果需要添加或刪除大量元素,最好使用一些更高效的操作方式,如使用字符串拼接或模板引擎來生成 HTML 代碼,或者將操作放在虛擬 DOM 中進(jìn)行操作等。