jqueryの他の要素をクリックしてdiv要素を非表示にする方法

実装手順: 1. ":not()" セレクターと click() 関数を使用して、クリック イベントを div 以外の他の要素にバインドし、処理関数を設定します。構文は "$(": not ('div')").click(function() {//クリック イベントの発生後に実行されるコード});"; 2. 処理関数で、hide() 関数を使用して div 要素、構文を非表示にします。 "$(" div").hide();"。

このチュートリアルの動作環境: Windows7 システム、jquery3.6.1 バージョン、Dell G3 コンピューター。

jquery では、:not() セレクター、click() メソッド、および Hide() メソッドを使用して、他の要素をクリックすることで div 要素を非表示にすることができます。

実装手順:

ステップ 1: not() セレクターと click() 関数を使用して、クリックを div イベント以外の他の要素にバインドします。処理関数を設定します

$(":not('div')").click(function() {
	//点击事件发生后，执行的代码
});

イベント処理関数で記述されるコードは、クリック後に実現されるエフェクト コードです。

ステップ 2: 処理関数で、非表示を使用します。 () div 要素を非表示にする関数

$("div").hide();

サンプル コード:

	
		
		
		<script>
			$(document).ready(function() {
				$(":not(&#39;div&#39;)").click(function() {
					$(&quot;div&quot;).hide();
				});
			});
		</script>
		
	
	
		
需要隐藏的div元素
		
p元素
		button
		
p元素
		span
		
需要隐藏的div元素
	

手順:

:not() セレクターは、指定された要素を除くすべての要素を選択します。

最も一般的な使用法: 他のセレクターと併用して、指定された要素を除く、指定された組み合わせ内のすべての要素を選択します。

$(":not(selector)")

パラメータ	説明
セレクター	必須。選択されていない要素を指定します。 このパラメーターは、任意のタイプのセレクターを受け入れます。

[推奨学習: jQuery ビデオ チュートリアル 、Web フロントエンド ビデオ ]

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