So entfernen Sie den CSS-Stil in JQuery-js-Tutorial-php.cn

So entfernen Sie den CSS-Stil in JQuery

藏色散人

Freigeben： 2023-01-04 09:34:14

Original

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

$("#show").css("style","");

Nach dem Login kopieren

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!