ホームページ >ウェブフロントエンド >フロントエンドQ&A >jqueryで隠し要素を見つける方法

jqueryで隠し要素を見つける方法

青灯夜游
青灯夜游オリジナル
2022-04-29 12:12:493964ブラウズ

2 つの実装方法: 1. ":hidden" と構文 "$(":hidden")" を使用して非表示の要素を直接選択します; 2. ":visible" と ":not()" を使用します構文 "$(":not(:visible)")" と組み合わせると、表示状態以外の要素、つまり非表示の要素を選択できます。

jqueryで隠し要素を見つける方法

このチュートリアルの動作環境: 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() セレクターを使用します

#: 表示セレクターは、現在表示されている各要素を選択します。 jqueryで隠し要素を見つける方法

: 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>
  • [推奨学習:
jQuery ビデオ チュートリアル

Web フロントエンド ビデオ

]

以上がjqueryで隠し要素を見つける方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。