Kann der JQuery-Selektor ein Komma hinzufügen?-Front-End-Fragen und Antworten-php.cn

Kann der JQuery-Selektor ein Komma hinzufügen?

青灯夜游

Freigeben： 2022-03-16 14:50:19

Original

2463 Leute haben es durchsucht

Der JQuery-Selektor kann Kommas hinzufügen. Der Gruppenselektor von jquery enthält das englische Komma „“, und die Syntax lautet „$ („Selektor 1, Selektor 2, ..., Selektor n“)“, mit der mehrere Selektoren gleichzeitig ausgewählt werden Es macht das Gleiche.

Kann der JQuery-Selektor ein Komma hinzufügen?

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

Der jQuery-Selektor kann Kommas hinzufügen. Diese Art von Selektor wird als „Gruppenselektor“ bezeichnet.

jQuery-Gruppenselektor

Gruppenselektor, der verwendet wird, um denselben Vorgang für mehrere Selektoren gleichzeitig auszuführen.

Syntax:

$("选择器1, 选择器2, ... , 选择器n")

Nach dem Login kopieren

Die beiden Selektoren müssen durch englische Kommas , getrennt werden, sonst wird der Selektor nicht wirksam. ,隔开，否则该选择器无法生效。

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$("h3,div,p,span").css({"color":"red","background-color": "pink"});
			})
		</script>
	</head>
	<body>
		<h3>PHP中文网</h3> 
		<div>PHP中文网</div>
		<p>PHP中文网</p>
		<span>PHP中文网</span>
		
	</body>
</html>

Nach dem Login kopieren

Kann der JQuery-Selektor ein Komma hinzufügen?

$("h3,div,p,span").css({"color":"red","background-color": "pink"})

Beispiel:

$(function() {
	$("h3,div,p,span").css({"color":"red","background-color": "pink"});
})

Nach dem Login kopieren

Kann der JQuery-Selektor ein Komma hinzufügen?

$("h3,div,p,span").css({"color":"red","background-color": "pink"}) Das bedeutet, alle h3, div, p und span auszuwählen und dann die Schriftfarbe dieser Elemente als Rot und die Hintergrundfarbe als Rosa zu definieren.

$(function() {
	$("h3").css({"color":"red","background-color": "pink"});
	$("div").css({"color":"red","background-color": "pink"});
	$("p").css({"color":"red","background-color": "pink"});
	$("span").css({"color":"red","background-color": "pink"});
})

Nach dem Login kopieren

Der obige Code entspricht tatsächlich: rrreee[Empfohlenes Lernen: 🎜jQuery-Video-Tutorial🎜, 🎜Web-Front-End-Entwicklung🎜]🎜

Das obige ist der detaillierte Inhalt vonKann der JQuery-Selektor ein Komma hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!