본문 바로가기

jQuery Event

[jQuery강좌] 19. jQuery Event - 이벤트에 생명을~ by 승연아빠님 “Add Element”를 통해 요소를 동적으로 추가하고 해당 요소를 클릭시에 이전과 동일하게 동작을 하나 “Event Die” 버튼을 클릭하시면 더 이상 경고 창이 뜨지 않는 것을 확인 할 수 있습니다. $(‘li’).die() 의 경우는 요소 “”과 연결된 모든 이벤트를 삭제를 하며, $(‘li’).die(‘click’);이라고 지정할 경우에는 “”요소와 연결된 ‘click’ 이벤트만을 삭제 합니다. 너무나 간단하게 이벤트를 추가하고, 삭제할 수 있다니 그것도 동적으로 생성되는 요소에 정말 완소 아이템 아니 메서드가 아닌가 싶습니다. 바로 이어서 마지막으로 설명드릴 메서드는 더욱더 뽠따스틱한 기능을 하는 .one() 입니다. 이름에서 뭔가 느껴지지 않으시나요 ? (jQuery를 사용하다 보면 정말 메.. 더보기
[jQuery강좌] 18. jQuery Event - bind() 메서드 by 승연아빠님 웹 프런티어와 함께하는 jQuery 기초강좌 18th - jQuery Event - bind() 메서드를 통한 이벤트 연결 이번 시간에는 jQuery에서 지원하는 이벤트를 좀더 고급스럽게 사용하는 방법에 대해 알아 보도록 하겠습니다.(고급이라고 해 봤자, 표현식이 좀 뭔가 있어 보이는 거 정도일까요 ?) 이번 강좌에서는 고급스런 내용의 첫 번째 주자로 나선 bind() 메서드에 대하여 알~ 차게 이야기를 해 보도록 하겠습니다. .bind() .bind() 메서드는 말 그대로 개체와 이벤트를 묶어주는 역할을 합니다. 앞에서 진행한 event 관련 메서드의 경우 해당 메서드를 직접 호출하지만, bind()의 경우 파라미터의 값으로 이벤트 이름을 넣음 으로써 해당 이벤트를 체크하게 됩니다. $(“div”).c.. 더보기