jQuery에서 bind와 on의 차이점 및 사용 예제

jQuery에서 bind와 on은 대단히 유용한 기능이다!(이벤트 처리를 간단하게 할 수 있다!)

그런데 둘은 무슨 차이가 있을까?

사용하는 형태는 완전 동일하다!(그냥 다음과 같이 하면 된다!)


$("#foo").bind('click', function() {
    alert('foo click.');
});

$("#foo").on('click', function() {
    alert('foo click.');
});


bind를 쓰든 on을 쓰는 아무런 상관이 없다.(기능도 완전 동일하다!)

다만 jQuery 1.7 이후부터는 on을 사용하도록 권장하고 있다!(아주 먼 훗날에 bind는 사라질 예정이라고 한다!)

그래서 되도록이면 on을 사용하도록 노력하고 있다!(하지만 당장은 bind를 써도 무방하다!)