Heim  >  Artikel  >  Web-Frontend  >  Kann der JQuery-Selektor ein Komma hinzufügen?

Kann der JQuery-Selektor ein Komma hinzufügen?

青灯夜游
青灯夜游Original
2022-03-16 14:43:032450Durchsuche

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

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>

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

 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"});
})
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!

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