> 웹 프론트엔드 > JS 튜토리얼 > JQuery live函数_jquery

JQuery live函数_jquery

WBOY
풀어 주다: 2016-05-16 18:13:31
원래의
1167명이 탐색했습니다.

jQuery 1.4.1 중국어 참조에서 발췌:

이벤트 대표

.live() 메서드는 이벤트 위임 사용으로 인해 아직 DOM에 추가되지 않은 요소에 대해 작동합니다. 상위 요소에 바인딩된 이벤트 핸들러는 하위 항목에서 트리거된 이벤트에 응답할 수 있습니다. .live()에 전달된 이벤트 핸들러는 요소에 바인딩되지 않지만 특수 이벤트 핸들러로 처리되어 DOM 트리의 루트 노드에 바인딩됩니다. 이 예에서는 새 요소를 클릭하면 다음 단계가 발생합니다.

  1. 클릭 이벤트를 생성하고 처리를 위해
  2. 에 직접 바인딩된 이벤트 핸들러가 없으므로 이벤트가 DOM 트리에 표시됩니다.
  3. 이벤트는 계속해서 DOM 트리의 루트 노드까지 버블링되며 이 특수 이벤트 핸들러는 기본적으로 여기에 바인딩됩니다.
  4. .live()에 바인딩된 특수 클릭 이벤트 처리 기능을 실행합니다.
  5. 이 이벤트 처리 기능은 먼저 이벤트 개체의 대상을 감지하여 계속해야 하는지 여부를 결정합니다. 이 테스트는 $(event.target).closest('.clickme')가 일치하는 요소를 찾을 수 있는지 확인하여 구현됩니다.
  6. 일치하는 요소가 발견되면 원래 이벤트 핸들러가 호출됩니다.

위 5단계의 테스트는 이벤트가 발생할 때만 수행되므로 언제든지 추가되는 요소는 이 이벤트에 응답할 수 있습니다

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿