©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>jQuery Event Method</title>
	<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
	<script>
		$(function() {
			$("button").click(function() {		// 모든 <button>요소에 click 이벤트를 설정함.
				$("#clickText").css("color", "red");
				$("#dblclickText").css("color", "black");
			});
			$("button").dblclick(function() {	// 모든 <button>요소에 dblclick 이벤트를 설정함.
				$("#dblclickText").css("color", "red");
				$("#clickText").css("color", "black");
			});
		});
	</script>
</head>

<body>

	<h1>.dblclick() 메소드</h1>
	<p>버튼을 <span id="clickText">클릭</span>하거나 <span id="dblclickText">더블 클릭</span>해 보세요!</p>
	<button>클릭해 보세요!</button>
	
</body>

</html>