Heim > Web-Frontend > Front-End-Fragen und Antworten > So löschen Sie den Elementklassennamen in jquery

So löschen Sie den Elementklassennamen in jquery

WBOY
Freigeben: 2022-06-02 15:47:53
Original
2200 Leute haben es durchsucht

In jquery können Sie die Methode „removeClass()“ verwenden, um das Element „classname“ zu löschen. Die Funktion dieser Methode besteht darin, eine oder mehrere Klassen aus dem ausgewählten Element zu entfernen . Die Syntax lautet „element object.removeClass(„classname“)“.

So löschen Sie den Elementklassennamen in jquery

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

jquery entfernt den Elementklassennamen. Die Methode „removeClass()“ entfernt eine oder mehrere Klassen aus dem ausgewählten Element.

Hinweis: Wenn keine Parameter angegeben sind, entfernt diese Methode alle Klassen aus den ausgewählten Elementen.

Syntax

$(selector).removeClass(class)
Nach dem Login kopieren

Klasse optional. Gibt den Namen der zu entfernenden Klasse an.

Wenn Sie mehrere Klassen entfernen müssen, verwenden Sie bitte Leerzeichen, um die Klassennamen zu trennen.

Wenn dieser Parameter nicht gesetzt ist, werden alle Klassen entfernt.

Das Beispiel lautet wie folgt:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").removeClass("intro");
  });
});
</script>
<style type="text/css">
.intro
{
font-size:120%;
color:red;
}
</style>
</head>
<body>
<h1 id="h1">This is a heading</h1>
<p class="intro">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>从第一个段落中删除类</button>
</body>
</html>
Nach dem Login kopieren
Ausgabeergebnis:

So löschen Sie den Elementklassennamen in jqueryVideo-Tutorial-Empfehlung:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo löschen Sie den Elementklassennamen in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage