Maison > Article > interface Web > Comment supprimer l'attribut de classe dans jquery

Comment supprimer l'attribut de classe dans jquery

青灯夜游original: 2021-11-25 10:17:405957parcourir

Méthode : 1. Utilisez attr() pour définir la valeur de l'attribut de classe sur vide, la syntaxe est "$(selector).attr("class","")" ; 2. Utilisez removeAttr() pour supprimer le attribut de classe, la syntaxe est " $(selector).removeAttr("class")".

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Il existe deux façons de supprimer l'attribut de classe dans jquery :

Utilisez attr() pour définir la valeur de l'attribut de classe dans l'élément sur vide

Syntaxe : $(sélecteur) .attr("class","")$(selector).attr("class","")
使用removeAttr()移除元素中的class属性

语法：$(selector).removeAttr("class")

Utilisez removeAttr() pour supprimer l'attribut de classe dans l'élément

Syntaxe :

$(selector).removeAttr("class") code>
Exemple :
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">

		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$(".box1").attr("class", "");
					$(".box2").removeAttr("class");
				});
			});
		</script>
		<style>
			div {
				border: 1px solid red;
				margin: 10px;
			}

			.box1 {
				background-color: #FFC0CB;
			}

			.box2 {
				background-color: green;
				color: white;
			}
		</style>
	</head>
	<body>

		<div class="box1">测试文本</div>
		<div class="box2">测试文本</div>
		<br>
		<button>去掉class属性</button>

	</body>
</html>
🎜🎜 Tutoriels vidéo associés recommandés : 🎜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!

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：Comprendre brièvement le module Buffer dans Node.jsArticle suivant：Comprendre brièvement le module Buffer dans Node.js

Articles Liés

Voir plus