[JQuery] unbind()와 bind()

bind()와 unbind()는 요즘에는 안 쓴다고 알고 있다.

 

하지만 이렇게 만들어진 코드가 많기에 알아두면 좋다.

 

먼저 bind는 말그대로 이벤트를 묶는것이다. 그러면 unbind는 모든 이벤트를 다 풀어버린다.

 

그래서 새로운 창이나 다이나믹하게 이벤트 함수가 변경될 가능성이 있는 경우 unbind를 사용후 bind를 사용해야지 이전에 묶인 이벤트가 사라지고 새로운 이벤트가 실행 될 수 있다.

 

// 예를 들어 input이 다이나믹하게 증가할 경우 새로 생성된 input에 대해서 click 이벤트를 묶어준다.
// 또는 다이나믹하게 input 버튼을 생성해야할때 화면이 뜨면서 이벤트를 걸 수 있다.
$("#").find("input").each(function(idx){                    // input을 찾아서 반복적으로 가져온다.
    $(this).unbind().bind("click",function(){               // 해당 input 마다 클릭 이벤트를 걸어준다.
        console.log("클릭");
    })	
})