ホームページ > 記事 > ウェブフロントエンド > jqueryで隠し要素を見つける方法
jqueryで隠し要素を見つける方法
- 青灯夜游オリジナル
- 2022-04-29 12:12:493738ブラウズ
2 つの実装方法: 1. ":hidden" と構文 "$(":hidden")" を使用して非表示の要素を直接選択します; 2. ":visible" と ":not()" を使用します構文 "$(":not(:visible)")" と組み合わせると、表示状態以外の要素、つまり非表示の要素を選択できます。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
jquery は、次の 2 つのメソッドを使用して非表示要素を検索できます。
直接使用:hidden selector
使用:visible :hidden セレクターの機能は、非表示の要素を選択することです。 。
例: 非表示の要素を表示する
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$(":hidden").show(3500);
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<p style="display:none;">这是一个隐藏段落。</p>
<div style="display:none;">这是隐藏的 div 元素。</div>
</body>
</html>
2. :visible および :not() セレクターを使用します
#: 表示セレクターは、現在表示されている各要素を選択します。 
: not() セレクターは、指定された要素を除くすべての要素を選択します。
- 「:visible」と「:not()」は、表示状態外の要素を選択する、つまり非表示の要素を選択するために一緒に使用されます。 例: 非表示の要素を表示する
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$(":not(:visible)").fadeToggle(3500);
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<p style="display:none;">这是一个隐藏段落。</p>
<div style="display:none;">这是隐藏的 div 元素。</div>
</body>
</html>、
Web フロントエンド ビデオ]
以上がjqueryで隠し要素を見つける方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。