Heim  >  Artikel  >  Web-Frontend  >  Wie entferne ich den CSS-Stil in JQuery?

Wie entferne ich den CSS-Stil in JQuery?

青灯夜游
青灯夜游Original
2020-11-20 16:50:2614802Durchsuche

So entfernen Sie CSS-Stile mit jquery: 1. Verwenden Sie die Methode attr() oder css(), um den CSS-Attributwert auf „leer“ zu setzen, um einen einzelnen CSS-Stil zu entfernen. 2. Verwenden Sie die Methode „removeAttr()“, um Attribute aus dem zu entfernen 3. Verwenden Sie die Methode „removeClass()“, um Attribute aus dem ausgewählten Element zu entfernen.

Wie entferne ich den CSS-Stil in JQuery?

-Reformationsempfehlungen: "JQuery Video Tutorial"

jQuery entfernen Sie CSS -Stil. attr() Die Methode kann die Attribute und Werte des ausgewählten Elements festlegen und ein oder mehrere Attribut-/Wertpaare für das übereinstimmende Element festlegen. 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","");
css() kann ein oder mehrere Stilattribute des ausgewählten Elements festlegen.

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

Beispiel:

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

2. Verwenden Sie die Methode „removeAttr()“, um CSS-Stile zu entfernen. Die Methode „removeAttr()“ entfernt ein oder mehrere Attribute aus dem ausgewählten Element.

Syntax

$(selector).removeAttr(attribute)

Beispiel:

$("#tab1").removeAttr("style","");

3. Verwenden Sie die Methode „removeClass()“, um CSS-Stile zu entfernen. 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.

Beispiel: Entfernen Sie den „Einführungskurs“ aus allen e388a4556c0f65e1904146cc1a846bee-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>

Weitere Programmierkenntnisse finden Sie unter:

Programmiervideokurs

! !

Das obige ist der detaillierte Inhalt vonWie entferne ich den CSS-Stil in JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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