suchen

Heim >Web-Frontend >js-Tutorial >jQuery löscht oder löscht ein HTML-Element example_jquery

jQuery löscht oder löscht ein HTML-Element example_jquery

WBOY
WBOYOriginal
2016-05-16 16:40:151332Durchsuche

jQuery verwendet die folgenden zwei Methoden, um ein HTML-Element zu löschen oder zu löschen.

remove() – löscht das angegebene Element (einschließlich seiner Unterelemente)
empty() – Leeren Sie die untergeordneten Elemente des angegebenen Elements

Zum Beispiel: 

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>JQuery Demo</title> 
<script src="scripts/jquery-1.9.1.js"></script> 
<script> 
$(document).ready(function () { 
$("button").click(function () { 
$("#div1").remove(); 
}); 
}); 
</script> 
</head> 
<body> 

<div id="div1" style="height: 100px; width: 300px; 
border: 1px solid black; background-color: yellow;"> 
This is some text in the div. 
<p>This is a paragraph in the div.</p> 
<p>This is another paragraph in the div.</p> 

</div> 
<br> 
<button>Remove div element</button> 

</body> 
</html>
empty：
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>JQuery Demo</title> 
<script src="scripts/jquery-1.9.1.js"></script> 
<script> 
$(document).ready(function () { 
$("button").click(function () { 
$("#div1").empty(); 
}); 
}); 
</script> 
</head> 
<body> 

<div id="div1" style="height: 100px; width: 300px; 
border: 1px solid black; background-color: yellow;"> 
This is some text in the div. 
<p>This is a paragraph in the div.</p> 
<p>This is another paragraph in the div.</p> 

</div> 
<br> 
<button>Empty the div element</button> 

</body> 
</html>

Die Methode „remove()“ von jQuery unterstützt auch einen Parameter, der zum Filtern einiger HTML-Elemente verwendet werden kann, die gelöscht werden müssen. Dieser Parameter kann ein beliebiger gültiger jQuery-Selektor sein.
Der folgende Code löscht beispielsweise nur das e388a4556c0f65e1904146cc1a846bee-Element mit class="italic": 

$("p").remove(".italic");
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jquery bind(click) übergibt Parameter, um ein Ereignis an jede Zeile in der list_jquery zu bindenNächster Artikel：jquery bind(click) übergibt Parameter, um ein Ereignis an jede Zeile in der list_jquery zu binden

In Verbindung stehende Artikel

Mehr sehen