Comment définir le style CSS pour les éléments dans jquery-js tutoriel-php.cn

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

青灯夜游

Libérer： 2021-10-12 16:41:40

original

9520 Les gens l'ont consulté

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

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

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("属性名", "属性值")

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

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>

Copier après la connexion

Rendu :

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