Comment ajouter des propriétés CSS à un élément de façon dynamique – jQuery

Vous pouvez utiliser la méthode css() de jQuery pour ajouter de nouvelles propriétés CSS à un élément ou modifier les valeurs des propriétés existantes de manière dynamique en utilisant jQuery.
 
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<title>Ajouter des propriétés CSS de façon dynamique</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("h2").css("background", "#1abc9c");
				$("p").css({
					"font-size": "20px",
					"text-align": "center",
					"padding": "40px"
				});
			});
		</script>
	</head>
	<body>
		<h2>Ceci est un en-tête</h2>
		<p>Ceci est un paragraphe.</p>
	</body>
</html>
Résultat

Ceci est un en-tête

Ceci est un paragraphe.

QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *