Maison > Article > interface Web > Comment modifier l'attribut de visibilité dans jquery

Comment modifier l'attribut de visibilité dans jquery

青灯夜游original: 2022-03-01 16:31:403530parcourir

Méthode de modification : 1. Utilisez la méthode css(), la syntaxe "$(selector).css("visibility","new value""); 2. Utilisez la méthode attr(), la syntaxe "$(selector ).attr( "style","visibilité:nouvelle valeur;")".

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

visibility précise si l'élément est visible. Valeurs d'attribut pouvant être définies :

valeur	description
visible	valeur par défaut. L'élément est visible. Les éléments
cachés	sont invisibles.
collapse	Lorsqu'elle est utilisée dans un élément de tableau, cette valeur supprime une ligne ou une colonne, mais elle n'affecte pas la disposition du tableau. L'espace occupé par une ligne ou une colonne est libéré pour d'autres contenus. Si cette valeur est utilisée sur un autre élément, elle sera rendue "cachée".

jquery modifie l'attribut de visibilité

1 Utilisez la méthode css()

$(selector).css("visibility","新值");

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
			  $("button").click(function(){
			    $("#box").css("visibility","hidden");
			  });
			});
		</script>
<style></style>
	</head>

	<body>
		<p>可见的段落</p>
		<p id="box" style="visibility: visible;">可见的段落</p>
		<p>可见的段落</p>
		<button>修改visibility属性</button>
	</body>

</html>

Comment modifier lattribut de visibilité dans jquery

2. () méthode

$(selector).attr("style","visibility:新值;")

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
			  $("button").click(function(){
			    $("#box").attr("style","visibility:visible;");
			  });
			});
		</script>
<style></style>
	</head>

	<body>
		<p>可见的段落</p>
		<p id="box" style="visibility: hidden;">隐藏的段落</p>
		<p>可见的段落</p>
		<button>修改visibility属性</button>
	</body>

</html>

Comment modifier lattribut de visibilité dans jquery

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo de développement web front-end】

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：Comment modifier la valeur d'un attribut spécifié dans jqueryArticle suivant：Comment modifier la valeur d'un attribut spécifié dans jquery

Articles Liés

Voir plus