이벤트 Bind, Live, Delegate 차이

출처 : http://hhjae84.blog.me/90137974750

Bind, Live, Delegate 에 대한 설명입니다.

3가지 모두 이벤트에 관련된 메서드입니다.

아래와 같이 테스트를 위한 코드를 작성하였습니다.

bind, live, delegate 는 각각 따로 주석처리하여 실행해주세요.

우선 bind 입니다.

클릭시 clone() 함수를 통해 같은것을 복사하고 appendTo 를 이용해 body 에 붙여넣었습니다.

붙여넣어진 h2 는 click 이벤트가 적용되지 않습니다.

click 이벤트가 적용된 h2 를 만들기 위해서는 clone() 함수에 true 를 넘겨주어야 합니다.

live 는 bind 와 달리 별다른 설정을 하지 않아도 복제된 h2 에 이벤트가 적용되어 있습니다.





delegate 의 경우 복제된 것이 delegate 를 실행한 곳에 복제되면 이벤트도 적용되며,

다른곳에 복제되는 경우 이벤트가 적용되지 않습니다.

[출처] Day 7 - Bind...Live...Delegate...Huh?|작성자 모지씨