Jquery에서 다른 요소를 클릭하여 div 요소를 숨기는 방법

구현 단계: 1. ":not()" 선택기와 click() 함수를 사용하여 클릭 이벤트를 div 이외의 다른 요소에 바인딩하고 처리 기능을 설정합니다. 구문은 "$(":not('div)입니다. ' )").click(function() {//클릭 이벤트 발생 후 실행되는 코드});"; 2. 처리 함수에서 hide() 함수를 사용하여 div 요소를 숨깁니다. 구문은 "$ ("div").숨기기();".

이 튜토리얼의 운영 환경: 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 동영상 튜토리얼, 웹 프론트엔드 동영상】

위 내용은 Jquery에서 다른 요소를 클릭하여 div 요소를 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!