써먹는 웹개발

[Jquery] a태그의 click 이벤트 처리 본문

웹개발/Js & Jquery

[Jquery] a태그의 click 이벤트 처리

kmhan 2018. 8. 14. 16:14


728x90
반응형

a태그로 click이벤트 처리하는 2가지 방법

 

html 소스

<a id="robotBtn" href="robot" target="iframe">화면이동</a> 

 

1. click 

$("#robotBtn").click(function(){

 alert("클릭 이벤트 성공");

});

 

2. bind

$("#robotBtn").bind('click',function(){

 alert("클릭 이벤트 성공");

});

 

=====================================================

 

bind를 이용한 a태그 선택 및 취소하기

1. a태그 설정

$(".wrapper").find("li a").bind('click', function(e) { 

 e.preventDefault ? e.preventDefault() : (e.returnValue = false);

});

 

2. a태그 해제

$(".wrapper").find("li a").unbind('click');

 

728x90
반응형


Comments