すべての下位要素を非表示にする Jquery メソッド: 1. find() メソッドを使用して、すべての下位要素 (サブセットのサブセットを含む) を取得します; 2. Hide() メソッドを使用して、取得した要素を非表示にします。 element.find().hide();」を指定してください。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
jquery はすべての下位要素を非表示にします
実装アイデア:
find() メソッドを使用しますすべての従属要素 (サブセットのサブセットを含む) を取得するには
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("div").find("*").hide();
});
});
</script>
</head>
<body>
<div style="border: 1px solid red;">
<ul>
<li>姓名：aa</li>
<li>年龄：25</li>
<li>爱好：
<ul>
<li>运动</li>
<li>听音乐</li>
<li>烹饪</li>
</ul>
</li>
</ul>
</div>
<button>隐藏下级所有元素</button>
</body>
</html>
jQuery ビデオ チュートリアル 、Web フロントエンド開発]
以上がjqueryですべての下位要素を非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
