recherche

Maison >interface Web >js tutoriel >Comment supprimer le style CSS dans jquery ?

Comment supprimer le style CSS dans jquery ?

青灯夜游
青灯夜游original
2020-11-20 16:50:2614850parcourir

Comment supprimer les styles CSS avec jquery : 1. Utilisez la méthode attr() ou css() pour définir la valeur de l'attribut CSS sur vide afin de supprimer un seul style CSS. 2. Utilisez la méthode RemoveAttr() ; supprimez-le de l'élément sélectionné Supprimez les attributs ; 3. Utilisez la méthode removeClass() pour supprimer les attributs de l'élément sélectionné.

Comment supprimer le style CSS dans jquery ?

Recommandations associées : "Tutoriel vidéo jQuery"

jquery supprime le style CSS

1. Utilisez la méthode attr() ou css() pour supprimer un seul style CSS.

La méthode attr() peut définir les attributs et les valeurs ​​de l'élément sélectionné, vous pouvez définir une ou plusieurs paires attribut/valeur pour l'élément correspondant.

Si vous souhaitez utiliser attr() pour supprimer le style CSS, vous pouvez définir la valeur de l'attribut sur vide.

Exemple : la méthode 

$("#show").attr("style","");

css() peut définir un ou plusieurs attributs de style de l'élément sélectionné.

Si vous souhaitez utiliser css() pour supprimer le style CSS, vous pouvez définir la valeur de l'attribut sur vide.

Exemple : 

$("#show").css("style","");

2. Utilisez la méthode RemoveAttr() pour supprimer les styles CSS

La méthode RemoveAttr() supprime un ou plusieurs éléments de les attributs de l'élément sélectionné.

Grammaire 

$(selector).removeAttr(attribute)

Exemple : 

$("#tab1").removeAttr("style","");

3. Utilisez la méthode removeClass() pour supprimer le style CSS

removeClass() méthode de Supprime une ou plusieurs classes des éléments sélectionnés.

Remarque : Si aucun paramètre n'est spécifié, cette méthode supprimera toutes les classes des éléments sélectionnés.

Exemple : supprimez la classe « intro » de tous les éléments e388a4556c0f65e1904146cc1a846bee : 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$("p").removeClass("intro");
	});
});
</script>
<style type="text/css">
.intro{
	font-size:120%;
	color:red;
}
</style>
</head>
<body>

<h1>这是一个标题</h1>
<p class="intro">这是一个段落。</p>
<p class="intro">这是另一个段落。</p>
<button>移除所有P元素的"intro"类</button>

</body>
</html>

Pour plus de connaissances liées à la programmation, veuillez visiter : Cours vidéo de programmation ! !

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 jquery et document pour obtenir des éléments HTML ?Article suivant：Quelle est la différence entre jquery et document pour obtenir des éléments HTML ?

Articles Liés

Voir plus