jQuery_jquery의 바인딩, 라이브, 델리게이트 및 단일 메소드의 사용법 및 차이점 분석

bind() 메서드는 일치하는 각 요소의 이벤트에 핸들러를 연결하고 jQuery 객체를 반환하는 데 사용됩니다.

.bind(eventType[, evnetData], Handler(eventObject))

그중에서 eventType 매개변수는 클릭, 제출 또는 맞춤 이벤트 이름과 같은 하나 이상의 JavaScript 이벤트 유형을 포함하는 문자열입니다. 여러 이벤트 유형을 지정할 때 eventData는 Map입니다. 유형을 사용하여 이벤트 핸들러에 전달할 데이터를 출력에 제공하고, 핸들러는 이벤트가 트리거될 때 실행될 함수를 지정하고, eventObject는 이벤트 객체를 나타냅니다.

.bind() 메서드는 일치하는 요소 집합의 각 요소에 대한 eventType 이벤트에 이벤트 핸들러를 연결하고 필요한 경우 데이터를 이벤트 핸들러에 전달합니다.

live() 메서드는 현재 선택기와 일치하는 모든 요소(기존 또는 향후 추가 항목 포함)에 대해 지정된 이벤트에 이벤트 핸들러를 연결하고 jQuery 객체를 반환합니다.

.live(eventType,[eventData],handler)

그 중 eventType 매개변수는 click, keydown 또는 맞춤 이벤트 이름과 같은 하나 이상의 javaScript 이벤트 유형을 포함하는 문자열입니다. eventData는 Map 유형이며 전달되도록 제공되는 선택적 매개변수입니다. 이벤트 핸들러에 이 매개변수는 jQuery 1.4에 추가되었습니다. 핸들러는 이벤트가 트리거될 때 실행됩니다.

.live() 메서드는 일치하는 각 요소(현재 기존 및 향후 추가 포함)의 eventType 이벤트에 이벤트 핸들러를 연결합니다. 필요한 경우 eventData를 사용하여 이벤트 핸들러에 데이터를 전달할 수도 있습니다.

.live() 메소드는 이벤트 핸들러를 요소에 연결하는 기본 .bind() 메소드의 변형입니다. .bind()가 호출되면 jQuery 객체와 일치하는 요소에 이벤트 핸들러가 연결됩니다. , 그러나 나중에 추가되는 요소에는 이벤트 핸들러가 연결되지 않으므로 이러한 요소에 대해 .bind() 메서드를 다시 호출해야 합니다.

.one() 메서드는 일치하는 요소의 지정된 이벤트에 이벤트 핸들러를 연결하고 jQuery 객체를 반환합니다. 연결된 이벤트 핸들러는 최대 한 번만 실행할 수 있습니다.

.one(eventType,[eventData],handler(eventObject))

그중에서 eventType 매개변수는 클릭, 제출 또는 맞춤 이벤트 이름과 같은 하나 이상의 JavaScript 이벤트 유형을 포함하는 문자열입니다. 여러 이벤트 유형을 지정할 때 각 유형을 공백으로 구분하세요. 유형을 사용하여 이벤트 핸들러에 전달할 데이터를 출력에 제공하고, 핸들러는 이벤트가 트리거될 때 실행될 함수를 지정하고, eventObject는 이벤트 객체를 나타냅니다.

.one() 메서드는 .one()을 사용하여 바인딩된 이벤트 핸들러가 한 번 실행된 후 자동으로 바인딩 해제된다는 점을 제외하면 .bind()와 유사합니다.

.delegate() 메서드는 특정 루트 요소 집합을 기반으로 선택기와 일치하는 모든 요소(기존 또는 향후)에 대한 하나 이상의 이벤트에 핸들러를 연결합니다.

.delegate(selector,eventType[,eventData],handler)

그중 매개변수 선택기는 이벤트를 트리거하는 요소를 필터링하는 데 사용되는 선택기입니다. eventType은 클릭, 키다운 또는 사용자 정의 이벤트 이름과 같은 하나 이상의 JavaScript 이벤트 유형(여러 이벤트는 공백으로 구분됨)을 지정하는 문자열입니다. eventData는 이벤트 핸들러에 전달될 데이터를 나타내는 매핑 유형이며, 이벤트가 트리거될 때 실행되는 함수를 나타냅니다.

.delegate()는 .live()와 유사하며 각 이벤트의 바인딩을 지정된 DOM 요소에 위임할 수 있습니다.