Maison >interface Web >js tutoriel >Comment définir le style CSS pour les éléments dans jquery

Comment définir le style CSS pour les éléments dans jquery

青灯夜游original: 2021-10-12 16:41:409591parcourir

Méthode de paramétrage : 1. Utilisez la méthode css(), la syntaxe "$(selector).css("Attribute name", "Attribute value""); 2. Utilisez la méthode attr(), la syntaxe "$( selector).attr" ("style", "Nom de l'attribut 1 : Valeur de l'attribut 1 ; Nom de l'attribut 2 : Valeur de l'attribut 3 ;...")".

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.7.2, ordinateur Dell G3.

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

La méthode css() peut définir un ou plusieurs attributs de style de l'élément correspondant. Syntaxe :

$(selector).css("属性名", "属性值")

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<div id="dome">欢迎来到PHP中文网！</div>
		<script type="text/javascript">
			$("#dome").css("color", "red");
		</script>
	</body>
</html>

Rendu :

Comment définir le style CSS pour les éléments 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é. Syntaxe :

$(selector).attr("style","属性名1:属性值1;属性名2:属性值3;...")

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<div id="dome">欢迎来到PHP中文网！</div>
		<script type="text/javascript">
			$("#dome").attr("style", "color:pink;");
		</script>
	</body>
</html>

Rendu :

Comment définir le style CSS pour les éléments dans jquery

Recommandation de didacticiel vidéo connexe : Tutoriel jQuery (Vidéo)

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!

jquery css

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：Notes d'étude à collecter en Java Script (partage de résumé)Article suivant：Notes d'étude à collecter en Java Script (partage de résumé)

Articles Liés

Voir plus