Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Tags more
Archives
Today
Total
관리 메뉴

Developer Gonie

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

K-DigitalTraining 강의/7. JQuery

[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>
저작자표시

'K-DigitalTraining 강의 > 7. JQuery' 카테고리의 다른 글

[8주차] 14. remove() 선택자로 지정된 요소 삭제  (0) 2022.07.16
[8주차] 13. (지금까지 한거 종합)수평방향에서 이미지를 순차적으로 회전시키는 예시  (0) 2022.07.16
[8주차] 11. attr(), removeAttr() 속성 추가, 속성 값반환, 속성 제거  (0) 2022.07.16
[8주차] 10. 형제,부모 관련 선택자 [ siblings(), parent(), prev(), next() ]  (0) 2022.07.16
[8주차] 9. 부모, 조상 관련 선택자 [ parent(), parents() ]  (0) 2022.07.15
'K-DigitalTraining 강의/7. JQuery' Related Articles more
Comments