Maison > Article > interface Web > Comment supprimer les attributs d'un élément dans jquery

Comment supprimer les attributs d'un élément dans jquery

青灯夜游original: 2022-02-28 14:30:217928parcourir

Comment supprimer les attributs d'un élément avec jquery : 1. Utilisez removeAttr(), la syntaxe "$(selector).removeAttr("Nom de l'attribut à supprimer""); 2. Utilisez attr(), la syntaxe "$(selector ) .attr("Nom de l'attribut à supprimer","")".

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

jquery supprime les attributs d'élément

Méthode 1 : utilisez la méthode removeAttr()

removeAttr() pour supprimer les attributs des éléments sélectionnés.

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p").removeAttr("style");
				});
			});
		</script>
	</head>

	<body>
		<h1>这是一个标题</h1>
		<p style="font-size:120%;color:red">这是一个段落。</p>
		<p>这是另一个段落。</p>
		<button>删除所有 p 元素的 style 属性</button>
	</body>
</html>

Comment supprimer les attributs dun élément dans jquery

Méthode 2 : utilisez la méthode attr()

attr() pour définir ou renvoyer la valeur d'attribut de l'élément sélectionné.

Lorsque vous utilisez la méthode attr() pour définir la valeur d'attribut de l'élément sélectionné comme vide, l'attribut spécifié peut également être invalidé.

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p").attr("style","");
				});
			});
		</script>
	</head>

	<body>
		<h1>这是一个标题</h1>
		<p style="font-size:120%;color:red">这是一个段落。</p>
		<p>这是另一个段落。</p>
		<button>删除所有 p 元素的 style 属性</button>
	</body>
</html>

Comment supprimer les attributs dun élément dans jquery

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo de développement web front-end】

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：Quelle est la différence entre les deux modèles de box en CSS3Article suivant：Quelle est la différence entre les deux modèles de box en CSS3

Articles Liés

Voir plus