jquery에서 클릭 버튼을 사라지게 만드는 방법-프런트엔드 Q&A-php.cn

jquery에서 클릭 버튼을 사라지게 만드는 방법

青灯夜游

풀어 주다： 2022-03-25 19:05:07

원래의

3074명이 탐색했습니다.

구현 방법: 1. click()을 사용하여 클릭 이벤트를 버튼 요소에 바인딩하고 처리 기능을 설정합니다. 구문은 "$("button").click(function(){...});"입니다. 2. 처리 함수에서 hide()를 사용하여 버튼 요소를 숨깁니다. 구문은 "$(this).hide();"입니다.

jquery에서 클릭 버튼을 사라지게 만드는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

클릭 버튼이 사라지는 것을 구현하는 jquery 메서드:

구현 방법:

click()을 사용하여 클릭 이벤트를 버튼 요소에 바인딩하고 처리 기능을 설정합니다.
In the 처리 기능, hide()를 사용하여 버튼 요소 숨기기

구현 코드:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$(this).hide();
				});
			});
		</script>
	</head>
	<body>
		<button>点击按钮，点击后消失</button>
	</body>
</html>

로그인 후 복사

jquery에서 클릭 버튼을 사라지게 만드는 방법

hide() n은 숨겨진 효과의 속도를 지정하기 위해 초 수를 나타내는 숫자를 입력하거나 남겨 둘 수 있습니다.

$(this).hide(1000);

로그인 후 복사

jquery에서 클릭 버튼을 사라지게 만드는 방법

설명:

hide() 메서드는 선택한 요소를 숨깁니다.

구문:

$(selector).hide(speed,easing,callback)

로그인 후 복사

Parameters	Description
speed	선택 사항입니다. 효과가 얼마나 빨리 숨겨지는지 지정합니다. 가능한 값: ms "느림" "빠름"
easing	선택 사항입니다. 애니메이션의 다양한 지점에서 요소의 속도를 지정합니다. 기본값은 "스윙"입니다. 가능한 값: "swing" - 시작/끝에서는 천천히 움직이고, 중간에서는 빠르게 움직입니다. "linear" - 일정한 속도로 움직입니다. 팁: 확장 프로그램에서 더 많은 이징 기능을 사용할 수 있습니다.
callback	선택사항입니다. hide() 메소드가 실행된 후 실행될 함수입니다.

Parameters

Description

speed

선택 사항입니다. 효과가 얼마나 빨리 숨겨지는지 지정합니다.

가능한 값: