ホームページ > 記事 > ウェブフロントエンド > jqueryですべての下位要素を非表示にする方法
jqueryですべての下位要素を非表示にする方法
- 青灯夜游オリジナル
- 2022-03-23 17:09:191423ブラウズ
すべての下位要素を非表示にする Jquery メソッド: 1. find() メソッドを使用して、すべての下位要素 (サブセットのサブセットを含む) を取得します; 2. Hide() メソッドを使用して、取得した要素を非表示にします。 element.find().hide();」を指定してください。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
jquery はすべての下位要素を非表示にします
実装アイデア:
find() メソッドを使用しますすべての従属要素 (サブセットのサブセットを含む) を取得するには
- #hide() メソッドを使用して、取得した要素を非表示にします
<!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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。