jQuery.unbind() 함수의 사용법과 주의사항에 대한 자세한 설명

unbind() 함수는 일치하는 요소에 바인딩된 하나 이상의 이벤트에 대한 이벤트 처리 함수를 제거하는 데 사용됩니다.

unbind() 함수는 주로 바인딩() 함수에 바인딩된 이벤트 처리 함수를 바인딩 해제하는 데 사용됩니다.

이 함수는 jQuery 객체(인스턴스)에 속합니다.

Syntax

unbind() 함수는 주로 다음 두 가지 형태의 사용법을 가집니다:

Usage 1:

jQueryObject.unbind( [ events [, handler ]] )

현재 일치하는 요소의 이벤트 이벤트 바인딩 제거 Event 함수 핸들러를 처리합니다.

사용법 2:

jQueryObject.unbind( eventObject )

는 지정된 이벤트 처리 함수에 의해 전달된 이벤트 개체로, 해당 이벤트 처리 함수를 제거하는 데 사용됩니다.

Parameters

매개변수 설명

events Optional/Stringtype 공백과 선택적 namespace로 구분된 하나 이상의 이벤트 유형(예: "click", "focus click", "keydown.myPlugin ").

handler 선택적/이벤트 핸들러 함수는 함수 유형에 따라 지정됩니다.

eventObject Object class는 이벤트 객체로, 객체에 전달된 이벤트 핸들러 함수를 제거하는 데 사용됩니다.

jQuery 1.4.3에서는 false가 될 수 있는 매개변수 핸들러를 새로 지원합니다. 이벤트 핸들러 함수는 핸들러 매개변수가 false일 때 바인딩된 이벤트를 제거하는 데 사용됩니다.

매개변수 핸들러를 생략하면 해당 요소와 일치하는 지정된 유형의 이벤트에 바인딩된 모든 이벤트 핸들러가 제거됩니다.

모든 매개변수가 생략되면 요소에 바인딩된 이벤트 유형에 대해 일치하는 요소에서 이벤트 핸들러를 제거한다는 의미입니다.

반환 값

unbind()함수의 반환 값은 jQuery 유형이며 현재 jQuery 개체 자체를 반환합니다.

사실 unbind() 함수의 매개변수는 모두 필터링 조건입니다. 모든 매개변수 조건에 일치하는 이벤트 처리 함수만 제거됩니다. 매개변수가 많을수록 제한도 많아지고 제거되는 범위도 작아집니다.

예제 및 설명

다음 초기 HTML 코드를 참조하세요.

<input id="btn1" type="button" value="点击1" />
<input id="btn2" type="button" value="点击2" />
<a id="a1" href="#">CodePlayer</a>

먼저 위의 버튼과 3499910bf9dac5ae3c52d5ede7383485 요소에 이벤트를 바인딩한 다음 unbind() 함수를 사용하여 해당 이벤트를 바인딩 해제합니다. 코드는 다음과 같습니다.

function btnClick1(){
    alert( this.value + "-1" );
}
function btnClick2(){
    alert( this.value + "-2" );
}
var $buttons = $(":button");
// 为所有button元素的click事件绑定事件处理函数btnClick1
$buttons.bind( "click", btnClick1 );
// 为所有button元素的click事件绑定事件处理函数btnClick2
$buttons.bind( "click", btnClick2 );
// 为所有a元素的click、mouseover、mouseleave事件绑定事件处理函数
$("a").bind( "click mouseover mouseleave", function(event){
    if( event.type == "click" ){
        alert("点击事件");
    }else if( event.type == "mouseover" ){
        $(this).css("color", "red");
    }else{
        $(this).css("color", "blue");       
    }
});
// 移除为所有button元素的click事件绑定的事件处理函数btnClick2
// 点击按钮，只执行btnClick1
$buttons.unbind("click", btnClick2);
// 移除为所有button元素的click事件绑定的所有事件处理函数(btnClick1和btnClick2)
// 点击按钮，不会执行任何事件处理函数
// $buttons.unbind("click");
// 只移除为btn1元素的click事件绑定的所有事件处理函数
 // btn2元素的click事件仍然有效
// $("#btn1").unbind("click");
// 移除为所有a元素的任何事件绑定的所有处理函数
// 点击链接，或用鼠标在链接上移入、移出，都不会触发执行任何事件处理函数
// $("a").unbind( );

unbind() 함수는 들어오는 이벤트 객체를 기반으로 함수를 제거할 수도 있습니다. 다음 jQuery 코드는 [Click 1] 버튼을 처음 클릭할 때만 프롬프트 상자가 팝업되도록 허용하고, 클릭 이벤트를 즉시 제거합니다.

아아아아

위 내용은 jQuery.unbind() 함수의 사용법과 주의사항에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!