Maison > Article > interface Web > Combien de types de sélecteurs jquery possède-t-il ?

Combien de types de sélecteurs jquery possède-t-il ?

青灯夜游original: 2022-03-16 14:01:172071parcourir

Dans jquery, il n'y a qu'un seul sélecteur de classe, qui est utilisé pour sélectionner des éléments avec des valeurs d'attribut de classe spécifiées et effectuer diverses opérations sur les éléments ; la syntaxe "$(".class name")", le nom de la classe ( c'est-à-dire l'attribut de classe (la valeur) doit être précédée d'un préfixe ".", sinon le sélecteur ne prendra pas effet.

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

Dans jquery, il n'existe qu'un seul type de sélecteur de classe.

Le sélecteur de classe, également connu sous le nom de « sélecteur de classe », est utilisé pour sélectionner des éléments avec une valeur d'attribut de classe spécifiée.

Nous pouvons définir la même classe pour "les mêmes éléments" ou "des éléments différents", puis effectuer diverses opérations sur les éléments de cette classe.

Syntaxe :

$(".类名")

Le nom de la classe (c'est-à-dire la valeur de l'attribut de classe) doit être précédé d'un point anglais ., sinon le sélecteur ne prendra pas effet. Un point anglais . est ajouté devant le nom de la classe pour indiquer qu'il s'agit d'un sélecteur de classe. .，否则该选择器无法生效。类名前面加上英文句号.，表示这是一个 class 选择器。

举例：

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

Combien de types de sélecteurs jquery possède-t-il ?

$(".lv").css("color","red") 表示选中 class="lv"

Exemple :

rrreee $(".lv").css("color","red") signifie sélectionner tous les éléments de class="lv" puis les définir La couleur de l'élément est rouge.

【Apprentissage recommandé : 🎜Tutoriel vidéo jQuery🎜, 🎜Tutoriel d'introduction au front-end Web🎜】🎜

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 class 选择器

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：Quels sélecteurs hiérarchiques existe-t-il dans jquery ?Article suivant：Quels sélecteurs hiérarchiques existe-t-il dans jquery ?

Articles Liés

Voir plus