Disconnecting Events (이벤트 끊기)

.on()  .off()  .off()

jQuery의 모든 재미는 메서드에서 발생하지만, 책임있는 개발자가되고 싶다면 해당 의 재미가 중요합니다. 더 이상 필요하지 않을 때 해당 이벤트 바인딩을 정리합니다. 이벤트 바인딩이 많은 복잡한 사용자 인터페이스는 브라우저 성능을 저하시킬 수 있으므로 메서드를 부지런히 사용하면 필요할 때 필요한 이벤트 바인딩만 있는지 확인하는 것이 좋습니다

// Unbinding all click handlers on a selection
$( "p" ).off( "click" );

// Unbinding a particular click handler, using a reference to the function
var foo = function() {
    console.log( "foo" );
};
 
var bar = function() {
    console.log( "bar" );
};
 
$( "p" ).on( "click", foo ).on( "click", bar );
 
// foo will stay bound to the click event
$( "p" ).off( "click", bar );