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

青灯夜游
Libérer: 2022-03-16 14:50:19
original
2458 Les gens l'ont consulté

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.

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

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")
Copier après la connexion

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>
Copier après la connexion

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"});
})
Copier après la connexion

 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"});
})
Copier après la connexion
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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal