Maison > Article > interface Web > Comment utiliser jquery addclass()

Comment utiliser jquery addclass()

青灯夜游original: 2022-03-01 16:05:403210parcourir

Dans jquery, la méthode addclass() est utilisée pour ajouter une ou plusieurs classes à l'élément sélectionné. La syntaxe est "$(selector).addClass("class name""); devez utiliser des espaces.

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

En jquery, la méthode addclass() est utilisée pour ajouter une ou plusieurs classes à l'élément sélectionné.

Cette méthode ne supprime pas l'attribut de classe existant, mais ajoute uniquement un ou plusieurs attributs de classe.

Conseils : Si vous devez ajouter plusieurs classes, veuillez utiliser des espaces pour séparer les noms de classe.

Syntaxe

$(selector).addClass(class)

Utilisez également des fonctions pour ajouter des classes aux éléments sélectionnés

$(selector).addClass(function(index,oldclass))

Comment utiliser jquery addclass()

Exemple :

Ajouter une classe au premier élément p

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p:first").addClass("intro");
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>

	</head>

	<body>
		<h1>这是一个大标题</h1>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<button>向第一个 p 元素添加一个类</button>
	</body>

</html>

Comment utiliser jquery addclass()

Ajouter deux classes à l'élément

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p:first").addClass("intro note");
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: blue;
			}

			.note {
				background-color: yellow;
			}
		</style>

	</head>

	<body>
		<h1>这是一个大标题</h1>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<button>向第一个 p 元素添加一个类</button>
	</body>

</html>

Comment utiliser jquery addclass()

【Apprentissage recommandé : Tutoriel vidéo jQuery, 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 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：Comment changer la valeur de li en javascriptArticle suivant：Comment changer la valeur de li en javascript

Articles Liés

Voir plus