Detaillierte Erläuterung der Verwendung der jQuery.empty()-Funktion

Die Funktion

empty() wird verwendet, um den gesamten Inhalt in jedem übereinstimmenden Element zu löschen. Die Funktion

empty() entfernt alle untergeordneten Knoten jedes übereinstimmenden Elements (einschließlich Textknoten, Kommentarknoten usw., alle Arten von Knoten).

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

jQueryObject.empty( )

Rückgabewert

empty()Rückgabewert der FunktionGibt für den jQuery-Typ das aktuelle jQuery-Objekt selbst zurück (um die Programmierung im Kettenstil zu erleichtern).

Beispiel und Beschreibung

Die Funktion empty() wird verwendet, um den gesamten Inhalt in jedem übereinstimmenden Element zu löschen:

<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>

Die Funktion empty() hat die gleichen Eigenschaften wie html( )-Funktion Der folgende äquivalente Code:

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

Nehmen Sie den folgenden HTML-Code als Beispiel:

<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>

Der folgende jQuery-Beispielcode wird verwendet, um die spezifische Verwendung des leeren( ) Funktion:

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

Der vollständige HTML-Code nach der Ausführung des obigen Codes lautet wie folgt (das Format wurde in keiner Weise angepasst):

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

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der jQuery.empty()-Funktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!