[8주차] 12. 마우스의 click() 이벤트 처리

이대곤 2022. 7. 16. 11:21

1) .click(function(){ })

요소에 onClick 속성 대신 이벤트 처리 함수를 붙여줌으로써 이벤트를 처리할 수 있음

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){			
			// click() : 버튼 요소에 onClick 속성 대신 이벤트 처리 함수를 붙여줄 수 있음 
			$('#btn1').click(function(){
				$('img:last').removeAttr("src"); // src 속성 제거
			});
		});
	</script>
</head>
<body>
		<img /> <img /> <!-- img 태그 2개  -->
		<div>
			<B> 어트리뷰트 연습</B><br>
			<span></span>
		</div>
		<br>
		<!-- 버튼은 button 태그로 만들수도 있고 input 태그로 만들수도 있음 -->
		<button id="btn1">어트리뷰트 값 제거하기</button>
</body>
</html>

저작자표시 (새창열림)