jQuery_jquery의 세 가지 바인딩/One/Live 이벤트 바인딩 방법을 분석합니다.

1. 바인딩/바인딩 해제
jquery 이벤트 모델에는 바인딩과 바인딩 해제라는 두 가지 기본 이벤트 바인딩 기능이 있습니다. 페이지 요소를 매칭하고 관련 이벤트를 처리하기 위한 것입니다. 예를 들어 JS에서 자주 사용하는 onfocus, onblur, onmouseover, onmousedown 및 기타 이벤트를 바인드 매개변수로 전달할 수 있습니다.

$("#id").bind('click',function(){alert('tt!')});

다중 이벤트 바인딩: 바인드를 사용하면 다음과도 바인딩할 수 있습니다. 여러 이벤트를 지정하고 이벤트 이름을 공백으로 구분하세요. 예:

$('a').bind('마우스오버 클릭',function(){

$('a').bind({click:function(){alert('a');},
mouseover:function(){alert('다시!' )}

함수 함수에서는 JavaScript 개체를 함수 메서드에 전달할 수도 있습니다. 이 이벤트 개체는 일반적으로 생략할 수 있습니다.
바인드에도 매개변수 데이터가 있습니다. 이 매개변수는 일반적으로 동일한 변수를 동일한 방법으로 처리하는 문제를 해결하는 데 사용됩니다.

var productname="스포츠 신발";$('#Area').bind('click',function(){
alert(productname);
});

productname="목걸이",$('#Area').bind('click',function(){
alert(제품 이름);
});

productname 변수가 다시 할당되었으므로 출력 메시지는 모두 "목걸이"입니다. 여기서 이해가 되지 않으면 JavaScript의 변수 범위를 확인하여 이 문제를 해결해야 합니다. 매개변수,

var productname="스포츠 신발";$('#Area').bind('click',{pn:productname},function(){
alert(event.data. pn);
});
productname="목걸이",
$('#Area').bind('click',{pn:productname},function(){
alert( event.data.pn);
});

2.One
일치하는 요소의 특정 이벤트(예: 클릭)에 대해 일회성 이벤트 핸들러 함수를 바인딩합니다. 이 메소드는 바인딩 메소드와 동일한 매개변수를 가지고 있으며, 일치하는 요소의 이벤트 처리는 한 번만 실행되며, 실행 후에는 다시 실행되지 않습니다. 웹 요청이 다시 시작됩니다.

$('a').one('click',function(){alert('a');
})

3. live
이 방법은 주로 동적으로 추가된 요소를 처리하고 나중에 추가된 요소에 이벤트를 바인딩할 수도 있습니다.

$('a').live('click,function(){alert('메시지 표시!');
})

$('body').appnend('또 다른 요소');

또한 jQuery는 .bind('click')를 단순화하기 위해 .click()과 같은 표준 이벤트 유형을 바인딩하는 몇 가지 간단한 방법도 제공합니다.

이벤트 이름은 총 다음과 같습니다: Blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, 변경, 선택, 제출, keydown, keypress, keyup, 오류 등.