empty()函數用於清空每個符合元素內的所有內容。
empty()函數將會移除每個符合元素的所有子節點(包括文字節點、註解節點等所有類型的節點)。
語法
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中文網其他相關文章!