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：在處理函數中，使用hide()函數隱藏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)")

                參數                描述必要。規定不選擇的元素。

selector	此參數接受任何類型的選擇器。

【推薦學習：

jQuery影片教學、web前端影片】

以上是jquery怎麼點擊其他元素隱藏div元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！