Maison >interface Web >Questions et réponses frontales >Comment modifier la classe CSS dans jquery

Comment modifier la classe CSS dans jquery

青灯夜游original: 2022-04-21 14:15:293005parcourir

Méthode de modification : 1. Utilisez attr() pour définir la valeur de l'attribut de classe, modifiez le nom de la classe CSS, la syntaxe est "element object.attr("class","new class""); et ajoutez une nouvelle classe CSS, syntaxe "element object.removeClass("old class name").addClass("new class name")".

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3. Comment jquery modifie les classes CSS l'ancienne classe, utilisez addClass() pour ajouter une nouvelle classe CSS

removeClass() pour supprimer une ou plusieurs classes de l'élément sélectionné. La méthode

addClass() ajoute une ou plusieurs classes à l'élément sélectionné. Cette méthode ne supprime pas les attributs de classe existants, ajoute uniquement un ou plusieurs attributs de classe.

<!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").attr("class","intro2");
				});
			});
		</script>
		<style type="text/css">
			.intro1 {
				font-size: 20px;
				color: red;
			}

			.intro2 {
				font-size: 30px;
				color: peru;
			}
		</style>
	</head>

	<body>
		<h1 id="h1">这是一个大标题</h1>
		<p class="intro1">这是一个段落</p>
		<button>修改css类</button>
	</body>
</html>

Comment modifier la classe CSS dans jquery

【Apprentissage recommandé : Tutoriel vidéo jQuery

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：Quelle est l'utilité des frères et sœurs jquery()Article suivant：Quelle est l'utilité des frères et sœurs jquery()

Articles Liés

Voir plus