Maison >interface Web >Questions et réponses frontales >Comment masquer les éléments enfants dans jquery

Comment masquer les éléments enfants dans jquery

青灯夜游original: 2022-03-01 17:49:582708parcourir

Comment masquer les éléments enfants dans jquery : 1. Utilisez les méthodes children() et hide(), la syntaxe est "$("parent element").children().hide()"; et méthode hide(), syntaxe "$("élément parent").find("élément enfant").hide()".

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3. "Éléments enfants cachés jquery" ) : récupérez tous les éléments du sous-ensemble

sous l'élément (y compris les sous-ensembles de sous-ensembles), puis utilisez la méthode hide() pour masquer les éléments enfants sélectionnés.

1. Utilisez les méthodes children() et hide()

<!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() {
					$("ul").children().hide();
				});
			});
		</script>
		<style>
			.intro {
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<ul class="intro ">
		　　<li>list1
		　　　　<ul>
			　　　　　　<li>list1-1</li>
			　　　　　　<li>list1-2</li>
			　　</ul>
			</li>
		　　<li>list2
		　　　　<ul>
			　　　　　　<li>list2-1</li>
			　　　　　　<li>list2-2</li>
			　　</ul>
			</li>
		　　<li>list3
		　　　　<ul>
			　　　　　　<li>list3-1</li>
			　　　　　　<li>list3-2</li>
			　　</ul>
			</li>
		</ul>
		<button>隐藏子元素</button>
	</body>
</html>

$(document).ready(function() {
	$("button").click(function() {
		$("ul").find("li").hide();
	});
});

[Apprentissage recommandé :

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

Article précédent：Comment remplacer la classe dans jqueryArticle suivant：Comment remplacer la classe dans jquery

Articles Liés

Voir plus