제이쿼리(jquery) bind(),on(),live().. 이벤트 바인딩 메소드

1. jquery에는 이벤트 바인딩 메소드가 많다 ( bind,delegate,live,on...) 어떤 메소드를 사용하면 될까?

 

 요점 : jQuery 1.7 버전 이상이면 on() method를 사용하면 된다.

 

설명 

 1) bind() : 기본 이벤트 바인딩

 2) delegate() : 셀렉터를 기점으로 하위 자식 엘리먼트에서 이벤트 바인딩

 3) live() : 동적으로 생성된 엘리먼트에 이벤트 바인딩

 

 4) on() : .on(이벤트 [,셀렉터][,데이터],핸들러(이벤트객체) -> delegate() + live()

         예시)

$(document).on("click",'a',function(){
	console.log("a 태그에 클릭 이벤트를 줄때");
}

$(document).on("click",$('#test'),function(){
	console.log("id가 test인 요소에 클릭 이벤트를 줄 때)
}
or
$('#test).on("click",function(){
	console.log("id가 test인 요소에 클릭 이벤트를 줄 때)
}