So entfernen Sie die gleiche Level-Klasse in Jquery

Jquery-Methode zum Entfernen derselben Klassenklasse: 1. Verwenden Sie die Anweisung „$(.element class name“)“, um das Objekt gemäß dem angegebenen Klassenwert abzurufen. 2. Verwenden Sie die Methode „removeClass()“, um die Klasse zu entfernen des Elements lautet die Syntax „Element object.removeClass('Elementklassenname')“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0, Dell G3-Computer.

So entfernen Sie dieselbe Klasse in Jquery

1 Öffnen Sie den HTML-Editor und erstellen Sie eine neue HTML-Datei. Suchen Sie auf der HTML-Codeseite nach

und erstellen Sie darin ein neues

. Fügen Sie dann eine Klasse und einen Textinhalt zu diesem

hinzu.

<div class="remark">今晚要去吃大餐</div>

Erstellen Sie eine neue Klickschaltfläche hinter

und fügen Sie ein Klickereignis zu dieser Schaltfläche hinzu. In diesem Fall lautet das Klickereignis: reClass(), das beim Klicken das Entfernen des Klassenstils auslöst.

<input type="button" value="移除class" onclick="reClass()">

Klassenstil festlegen. Legen Sie einen Stil für Bemerkungen mit einer Schriftgröße von 28 Pixel und der Farbe Rot fest.

<style>  .remark{   font-size: 28px;color: red;  } </style>

Der Code lautet wie folgt:

2. Stellen Sie die jQuery-Bibliothek vor. Führen Sie die jQuery-Bibliothek nach dem

<script type="text/javascript" src="jquery.js"></script>

Klickereignis erstellen. Erstellen Sie ein neues <script>-Tag und erstellen Sie in diesem neuen Tag ein Click-to-Remove-Klassenereignis. </script>

<script type="text/javascript">  function reClass(){   $(".remark").removeClass(&#39;remark&#39;)  } </script>

Öffnen Sie es nach dem Speichern mit einem Browser, klicken Sie auf die Schaltfläche „Klasse entfernen“ und stellen Sie fest, dass die Schriftgröße und -farbe in

entfernt wurde. Dies zeigt an, dass die Klasse erfolgreich entfernt wurde. Wie im Bild gezeigt:

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie die gleiche Level-Klasse in Jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!