jQuery 이벤트 - delegate() 메서드
예제
마우스 클릭 시 p 요소를 숨기거나 표시합니다:
$("div").delegate("button","click",function(){
$("p").slideToggle();
});
정의와 사용법
delegate() 메서드는 지정된 요소(선택된 요소의 자식 요소에 속하는 요소)에 하나나 여러 개의 이벤트 처리기를 추가하고, 이 이벤트가 발생할 때 실행할 함수를 정의합니다.
delegate() 메서드를 사용한 이벤트 처리기는 현재 또는 미래의 요소(예: 스크립트로 생성된 새 요소)에 적용됩니다.
문법
$(selector).delegate(childSelector,event,data,function)
| 파라미터 | 설명 |
|---|---|
| childSelector | 必需. 이벤트 처리기를 추가할 하나나 여러 개의 자식 요소를 정의. |
| event |
必需. 요소에 추가할 하나나 여러 개의 이벤트를 정의. 공백으로 구분된 여러 이벤트 값. 유효한 이벤트여야 합니다. |
| data | 선택 사항. 함수에 전달할 추가 데이터를 정의. |
| function | 必需. 이벤트가 발생할 때 실행할 함수를 정의. |
더 많은 예제
- 미래의 요소에 이벤트 처리기를 추가
- delegate() 메서드를 사용하여 생성되지 않은 요소에 이벤트 처리기를 추가하는 방법.
