[jquery]bind(),live(),delegate(),on()

- Bind()  

이미 $(document).ready 에서 등록된 DOM 객체들의 이벤트를 연결해주는 방식이다.

$("selector").bind("click",function(){alert("clicked")});

 

- Live()

동적으로 생성된 DOM 객체들을 이벤트 연결한다 (이벤트 위임 방식 - 이벤트 버블)

$("selector").live("click",function(){alert("clicked")});

 

-------> Live()에 문제가 많다고 하여(속도 측면, 이벤트 중복바인딩 등) Delegate()로 개선되었고 (이벤트 위임, JQuery 1.4)

이후 1.7에서 On()으로 개선되었다고 한다.

$("selector").on("click",function(){alert("clicked")});

 

그러나 Live() 같은 용도로 사용할려면

$(document).on("click","selector",function(){alert("clicked")});

이런식으로 하면 된다.

 

Live()나 Delegate() 또한 내부적으로 On을 사용하는 방향으로 변경되었다고 하니.

그냥 On이 최고인듯