JQuery是一種流行的JavaScript庫(kù)，用于選擇DOM節(jié)點(diǎn)并對(duì)其進(jìn)行操作。其強(qiáng)大之處在于，它對(duì)于許多DOM操作提供了簡(jiǎn)潔的語(yǔ)法，包括清空節(jié)點(diǎn)。下面我們來(lái)看一下如何使用JQuery清空節(jié)點(diǎn)的方法。
$(selector).empty();
在這個(gè)例子中，selector是指要清空的節(jié)點(diǎn)的選擇器。它可以是一個(gè)類名、ID或其他選擇器類型。調(diào)用empty()方法將刪除指定節(jié)點(diǎn)的所有子元素。
$(selector).html("");如果要完全清空指定節(jié)點(diǎn)，包括其文本內(nèi)容，可以使用html()方法。這將用空字符串替換指定節(jié)點(diǎn)中的所有內(nèi)容。
下面是一個(gè)實(shí)際例子：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#myDiv").empty();
});
});
</script>
</head>
<body>
<div id="myDiv">
<p>這里是要?jiǎng)h除的內(nèi)容。</p>
<p>這也是要?jiǎng)h除的內(nèi)容。</p>
</div>
<button>清空 myDiv</button>
</body>
</html>在上面的示例中，單擊按鈕將刪除ID為myDiv的節(jié)點(diǎn)的所有子元素，這里包括兩個(gè)段落元素。這個(gè)例子展示了JQuery中清空節(jié)點(diǎn)的基本方式。