Detaillierte Analyse der Funktion jQuery.die()

Die Funktion

die() wird verwendet, um die Funktion Ereignisbehandlung eines oder mehrerer Ereignisse zu entfernen, die an das passende Element gebunden sind.

Die Funktion die() wird hauptsächlich zum Entsperren der durch die Funktion live() gebundenen Ereignisverarbeitungsfunktion verwendet.

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

Diese Funktion wurde in jQuery 1.3 hinzugefügt. Sie wurde ab jQuery 1.7 als veraltet markiert und in jQuery 1.9 entfernt. Es gibt hauptsächlich die folgenden zwei Verwendungsformen:

Verwendung 1: jQuery 1.4.1 unterstützt neu die Angabe keiner Parameter.

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

Entfernen Sie den Event-Handler-Funktionshandler, der an das Ereignisse-Ereignis des Elements gebunden ist, das dem aktuellen Selektor entspricht.

Verwendung 2: jQuery 1.4.3 unterstützt diese Verwendung neu.

jQueryObject.die( eventsMap )

Eine Variante von Verwendung 1, die zum gleichzeitigen Entfernen mehrerer Event-Handler mehrerer Event-Typen verwendet wird. eventsMap ist ein Objekt. Jedes -Attribut entspricht den Parameterereignissen in Methode 1 und der Wert entspricht dem Parameterhandler in Methode 1.

Parameter

Wenn der Parameter-Handler weggelassen wird, werden alle Ereignishandler entfernt, die an Ereignisse des angegebenen Typs des übereinstimmenden Elements gebunden sind.

Der Selektor des aktuellen jQuery-Objekts, das die Funktion die() aufruft, muss mit dem Selektor des jQuery-Objekts übereinstimmen, das die Funktion live() aufruft.

Wenn alle Argumente weggelassen werden, werden alle Ereignishandler für das übereinstimmende Element für jeden Ereignistyp entfernt, der an ein beliebiges Element gebunden ist.

Rückgabewert

die()Der Rückgabewert der Funktion ist vom jQuery-Typ und gibt das aktuelle jQuery-Objekt selbst zurück.

Tatsächlich sind die Parameter der Funktion die() alle Filterbedingungen, und nur Ereignisbehandlungsfunktionen, die allen Parameterbedingungen entsprechen, werden entfernt. Je mehr Parameter vorhanden sind, desto mehr Qualifikationen sind vorhanden und desto kleiner ist der Bereich, der entfernt wird.

Beispiel & Beschreibung

Bitte beachten Sie den folgenden anfänglichen HTML-Code:

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

首先，我们为上述button和元素绑定事件，然后使用die()函数解除事件绑定，相应的代码如下：

function btnClick1(){
    alert( this.value + "-1" );
}

function btnClick2(){
    alert( this.value + "-2" );
}

var $buttons = $(":button");

// 为所有button元素的click事件绑定事件处理函数btnClick1
$buttons.live( "click", btnClick1 );

// 为所有button元素的click事件绑定事件处理函数btnClick2
$buttons.live( "click", btnClick2 );

// 为所有a元素绑定click、mouseover、mouseleave事件
$("a").live( "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.die( "click", btnClick2 );


// 移除所有button元素的click事件绑定的所有事件处理函数(btnClick1和btnClick2)
// 点击按钮，不会执行任何事件处理函数
// $buttons.die("click");


//注意： $("#btn1").die("click"); 无法移除btn1的点击事件，调用die()函数的jQuery对象的选择器与调用live()函数的jQuery对象的选择器必须一致。

// 移除所有a元素的任何事件绑定的所有处理函数
// $("a").die( );

此外，die()函数还可以只移除指定命名空间的事件绑定。

var $buttons = $(":button");

// 为所有button元素的click事件绑定事件处理函数
$buttons.live( "click.foo.bar", function btnClick1(){
    alert( "click-1" );
} );

// 为所有button元素的click事件绑定事件处理函数
$buttons.live( "click.test.bar", function btnClick1(){
    alert( "click-2" );
} );


// 移除包含命名空间foo的click事件绑定的事件处理函数
$buttons.die( "click.foo" ); // 移除click-1

//移除包含命名空间bar的click事件绑定的事件处理函数
// $buttons.die( "click.bar" ); // 移除click-1和click-2

//移除包含命名空间test的click事件绑定的事件处理函数
// $buttons.die( "click.test" ); // 移除click-2

// 移除所有button元素的click事件绑定的所有事件处理函数
// $buttons.die("click"); // 移除click-1和click-2

Das obige ist der detaillierte Inhalt vonDetaillierte Analyse der Funktion jQuery.die(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!