Comment modifier l'attribut d'affichage dans jquery-js tutoriel-php.cn

Comment modifier l'attribut d'affichage dans jquery

青灯夜游

Libérer： 2023-01-04 09:59:23

original

11899 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode css() pour modifier l'attribut d'affichage, avec la syntaxe "$(selector).css("display","property value")" ou "$(selector).css({ "display": "Valeur d'attribut"})".

Comment modifier l'attribut d'affichage dans jquery

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

Dans jquery, vous pouvez utiliser la méthode css() pour modifier l'attribut d'affichage. La méthode css() définit une ou plusieurs propriétés de style de l'élément sélectionné.

Syntaxe :

$(selector).css("propertyname","value");
$(selector).css({"propertyname":"value"});

Copier après la connexion

Exemple : définissez l'attribut d'affichage de l'élément div sur none pour masquer l'élément div.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.0.min.js"></script>
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$("div").css({"display":"none"});
	});
});
</script>
</head>
<body>

<div style="border: 1px solid red;">hello</div>
<br>
<button>点击按钮，修改display属性</button>

</body>
</html>

Copier après la connexion

Comment modifier lattribut daffichage dans jquery