suchen

Heim  >  Artikel  >  Web-Frontend  >  So legen Sie den CSS-Stil für Elemente in JQuery fest

So legen Sie den CSS-Stil für Elemente in JQuery fest

青灯夜游
青灯夜游Original
2021-10-12 16:41:409539Durchsuche

Einstellungsmethode: 1. Verwenden Sie die Methode css(), die Syntax „$(selector).css(“Attribute name“, „Attribute value“)“ 2. Verwenden Sie die Methode attr(), die Syntax „$( selector).attr" ("style","Attributname 1:Attributwert 1;Attributname 2:Attributwert 3;...")".

So legen Sie den CSS-Stil für Elemente in JQuery fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.7.2-Version, Dell G3-Computer.

Methode 1: Verwenden Sie die Methode css()

Die Methode css() kann ein oder mehrere Stilattribute des übereinstimmenden Elements festlegen. Syntax: 

$(selector).css("属性名", "属性值")

Beispiel: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<div id="dome">欢迎来到PHP中文网！</div>
		<script type="text/javascript">
			$("#dome").css("color", "red");
		</script>
	</body>
</html>

Rendering:

So legen Sie den CSS-Stil für Elemente in JQuery fest

Methode 2: Verwenden Sie die attr()-Methode

attr()-Methode, um den Attributwert des ausgewählten Elements festzulegen oder zurückzugeben. Syntax: 

$(selector).attr("style","属性名1:属性值1;属性名2:属性值3;...")

Beispiel: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<div id="dome">欢迎来到PHP中文网！</div>
		<script type="text/javascript">
			$("#dome").attr("style", "color:pink;");
		</script>
	</body>
</html>

Rendering:

So legen Sie den CSS-Stil für Elemente in JQuery fest

Empfehlung für ein entsprechendes Video-Tutorial: jQuery-Tutorial (Video)

Das obige ist der detaillierte Inhalt vonSo legen Sie den CSS-Stil für Elemente in JQuery fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery css
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
Vorheriger Artikel：Studiennotizen, die es wert sind, in Java Script gesammelt zu werden (Zusammenfassungsfreigabe)Nächster Artikel：Studiennotizen, die es wert sind, in Java Script gesammelt zu werden (Zusammenfassungsfreigabe)

In Verbindung stehende Artikel

Mehr sehen