So legen Sie den CSS-Stil für Elemente in JQuery fest-js-Tutorial-php.cn

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

青灯夜游

Freigeben： 2021-10-12 16:41:40

Original

9520 Leute haben es durchsucht

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("属性名", "属性值")

Nach dem Login kopieren

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>

Nach dem Login kopieren

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;...")

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!