Heim > Web-Frontend > js-Tutorial > Hauptteil

So entfernen Sie den CSS-Stil in JQuery

藏色散人
Freigeben: 2023-01-04 09:34:14
Original
6269 Leute haben es durchsucht

So entfernen Sie CSS-Stile mit jquery: 1. Entfernen Sie CSS-Stile mit der Methode „removeClass()“. 2. Entfernen Sie einen einzelnen CSS-Stil mit der Methode „attr()“ oder „css()“.

So entfernen Sie den CSS-Stil in JQuery

Die Betriebsumgebung dieses Artikels: Windows 7-System, JQuery-Version 3.2.1, DELL G3-Computer

1. Verwenden Sie die Methode „removeClass()“, um CSS-Stile zu entfernen. Die Methode „removeClass()“ entfernt einen oder mehrere Klassen aus dem ausgewählten Element.

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

Beispiel: Entfernen Sie die „intro“-Klasse aus allen

-Elementen:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").removeClass("intro");
});
});
</script>
<style type="text/css">
.intro{
font-size:120%;
color:red;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p class="intro">这是一个段落。</p>
<p class="intro">这是另一个段落。</p>
<button>移除所有P元素的"intro"类</button>
</body>
</html>
Nach dem Login kopieren

2. Verwenden Sie die attr()-Methode oder css(), um einen einzelnen CSS-Stil zu entfernen.

attr()-Methode kann die Attribute von festlegen Für das ausgewählte Element und den ausgewählten Wert können ein oder mehrere Attribut/Wert-Paare für das passende Element festgelegt werden.

Wenn Sie attr() zum Entfernen des CSS-Stils verwenden möchten, können Sie den Attributwert auf leer setzen.

Beispiel: Die Methode

$("#show").attr("style","");
Nach dem Login kopieren

css() kann ein oder mehrere Stilattribute des ausgewählten Elements festlegen.

Wenn Sie css() verwenden möchten, um den CSS-Stil zu entfernen, können Sie den Attributwert auf leer setzen.

Beispiel:

Empfohlenes Lernen: „JQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den CSS-Stil 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