Maison >interface Web >Questions et réponses frontales >Comment modifier l'attribut de visibilité dans jquery

Comment modifier l'attribut de visibilité dans jquery

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

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

Comment modifier l'attribut de visibilité dans jquery

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!

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