[ jquery 기초 ] jquery Event - bind() 메서드

 

• .bind()
  • .bind( eventType, [ eventData ], handler(eventObject) )
  • .bind( eventType, [ eventData ], false )
  • .bind( events )

.bind() 메서드는 말 그대로 개체와 이벤트를 묶어주는 역할을 합니다. 앞의 이벤트 메서드의 경우 직접 이벤트를 호출 하지만, .bind() 메서드는 파라미터의 값으로 이름을 넣음으로써 해당 이벤트를 체크하게 됩니다.

$(“div”).click(function() { alert(‘click’); }

$(“div”).bind(‘click’, function() { alert(‘bind click’); }

두 메서드의 차이점 보이시나요? .click() 메서드의 직접호출이 아닌 해당 이벤트의 이름을 넘김으로 써 동일한 효과를 얻을 수 있습니다. 이러한 기능을 통해 조건에 따라 매우 간단히 이벤트를 동적으로 할당 할 수 있습니다. 또한, 여러 가지의 이벤트를 손쉽게 선택한 개체에 적용할 수 있습니다.