Heim > Web-Frontend > js-Tutorial > Detaillierte Analyse der Funktion jQuery.die()

Detaillierte Analyse der Funktion jQuery.die()

黄舟
Freigeben: 2017-06-26 09:41:02
Original
1500 Leute haben es durchsucht

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 ]] )
Nach dem Login kopieren

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 )
Nach dem Login kopieren

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

Detaillierte Analyse der Funktion jQuery.die()

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>
Nach dem Login kopieren

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

Detaillierte Analyse der Funktion jQuery.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
Nach dem Login kopieren

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!

Verwandte Etiketten:
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage