Comment supprimer le style CSS dans jquery ?-js tutoriel-php.cn

Comment supprimer le style CSS dans jquery ?

青灯夜游

Libérer： 2020-11-20 16:50:56

original

14794 Les gens l'ont consulté

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","");

Copier après la connexion

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","");

Copier après la connexion

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)

Copier après la connexion

Exemple :

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

Copier après la connexion

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

<!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>

Copier après la connexion

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!