Maison > Article > interface Web > Le sélecteur jquery peut-il ajouter une virgule ?

Le sélecteur jquery peut-il ajouter une virgule ?

青灯夜游original: 2022-03-16 14:43:032442parcourir

le sélecteur jquery peut ajouter des virgules. Le sélecteur de groupe de jquery contient la virgule anglaise ",", et la syntaxe est "$("selector 1, selector 2, ..., selector n")", qui est utilisée pour sélectionner plusieurs sélecteurs en même temps, et Cela fait la même chose.

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Le sélecteur jQuery peut ajouter des virgules, ce type de sélecteur est appelé "sélecteur de groupe".

sélecteur de groupe jquery

sélecteur de groupe, utilisé pour effectuer la même opération sur plusieurs sélecteurs en même temps.

Syntaxe :

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

Les deux sélecteurs doivent être séparés par des virgules anglaises ,, sinon le sélecteur ne prendra pas effet. ,隔开，否则该选择器无法生效。

示例：

<!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>

Le sélecteur jquery peut-il ajouter une virgule ?

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

Exemple :

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

Le sélecteur jquery peut-il ajouter une virgule ?

$("h3,div,p,span").css({"color":"red","background-color": "pink"}) Cela signifie sélectionner tous les h3, div, p et span, puis définir la couleur de police de ces éléments comme rouge et la couleur d'arrière-plan comme rose.

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

Le code ci-dessus est en fait équivalent à : rrreee

[Apprentissage recommandé : 🎜Tutoriel vidéo jQuery🎜, 🎜développement web front-end🎜]🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

jquery css 选择器 background

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment utiliser la méthode parent de jqueryArticle suivant：Comment utiliser la méthode parent de jquery

Articles Liés

Voir plus