首頁 > web前端 > js教程 > 主體

jQuery.empty() 函數用法詳解

巴扎黑
發布: 2017-06-24 14:39:08
原創
4652 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!