Comment modifier la classe CSS dans jquery-Questions et réponses frontales-php.cn

Comment modifier la classe CSS dans jquery

青灯夜游

Libérer： 2022-04-21 14:15:29

original

2973 Les gens l'ont consulté

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")".

Comment modifier la classe CSS dans jquery

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>

Copier après la connexion