jQuery.empty() 函數用法詳解

empty()函數用於清空每個符合元素內的所有內容。

empty()函數將會移除每個符合元素的所有子節點(包括文字節點、註解節點等所有類型的節點)。

該函數屬於jQuery物件(實例)。

語法

jQueryObject.empty( )

傳回值

empty()函數的回傳值為jQuery類型，傳回目前jQuery物件本身(以便於進行鍊式風格的程式設計)。

範例&說明

empty()函數用於清空每個符合元素內的所有內容：

<div><p>段落文本1<span></span></p></div>
<div><p>段落文本2<span></span></p></div>
<!--以上是jQuery代码执行前的html内容-->
<script type="text/javascript">
$("p").empty( ); 
</script>
<!--以下是jQuery代码执行后的html内容-->
<div><p></p></div>
<div><p></p></div>

empty()函數與html()函數具有以下等價代碼：

$("selector").empty( );
// 等价于
$("selector").html("");

以下面這段HTML程式碼為例：

<p id="n1">
    <span id="n2">span#n2</span>    
</p>
<p id="n3">
    <label id="n4">label#n4</label>
    <span id="n5">span#n5</span>
</p>

以下jQuery範例程式碼用於示範empty()函數的具體用法：

// 移除所有p元素中的所有子节点
$("p").empty( );

上述程式碼執行後的完整html程式碼如下(格式未作任何調整)：

<p id="n1"></p>
<p id="n3"></p>

以上是jQuery.empty() 函數用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！