Erklären Sie im Detail, wie Sie die drei bind/One/Live-Ereignisbindungen von jQuery verwenden

In diesem Artikel werden hauptsächlich die drei Binde-/One-/Live-Ereignisbindungsmethoden von jQuery vorgestellt. Freunde in Not können sich darauf beziehen. Ich hoffe, dass es für alle hilfreich ist jQuery ist ein hervorragendes

JavaScript

-Framework. In der alten Version wird hauptsächlich die Methode bind() verwendet. In der neuen Version werden zwei weitere Methoden eingeführt: One() und Live() unten. Verwendung:

1. binden/unbinden
Im jquery-Ereignismodell gibt es zwei grundlegende Ereignisbindungsfunktionen: binden und unbinden Eine dieser beiden Funktionen besteht darin, Seitenelemente abzugleichen und verwandte Ereignisse zu verarbeiten. Beispielsweise können Ereignisse wie onfocus, onblur, onmouseover und onmousedown, die wir häufig in JS verwenden, als Bindungsparameter übergeben werden.

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

wobei bind die Bedeutung ist Ein Parameter ist: Ereignistyp (beachten Sie, dass kein Hinzufügen erforderlich ist). Der Code in der Funktion ist der Logikcode, den Sie ausführen möchten.

Bindung mehrerer Ereignisse: Mit bind können Sie auch mehrere Ereignisse und Ereignisnamen binden Trennen Sie sie durch Leerzeichen, zum Beispiel:

$('a').bind('click mouseover',function(){

In der neuesten jquery1. In In Version 4 wurde die Bind-Methode verbessert. Sie können ein JSON-ähnliches Objekt in der Bind-Methode übergeben, um mehrere

Ereignisverarbeitungsfunktionen

gleichzeitig zu binden.a').bind({click: function(){alert('a');},mouseover:function(){alert('a again!')}

In der Funktion function können Sie Übergeben Sie auch ein JavaScript-Objekt an die Funktionsmethode.
Es gibt auch einen Parameter data in bind, der normalerweise verwendet wird, um das Problem der Verarbeitung derselben Variablen zu lösen gleiche Methode

var productname="Sports Shoes";
$('#Area').bind( 'click',function(){
alert(productname);

});

productname="necklace",
$('#Area') .bind('click',function(){alert(productname) ;

});

Da die Variable Produktname neu zugewiesen wird, sind die Ausgabenachrichten „Halskette“. Wenn Sie hier nicht verstehen, können Sie den Variablenbereich von JavaScript überprüfen . Um dieses Problem zu lösen, müssen Sie den Datenparameter

var productname="Sports Shoes";

$ ('#Area').bind('click',{pn: productname},function(){
alert(event.data.pn);

});

productname="necklace", $('#Area').bind('click' ,{pn:productname},function(){
alert(event.data.pn);
});




Eins

Binden Sie einen einmaligen Event-Handler für jedes spezifische Ereignis (z. B. Klick) des passenden Elements. Diese Methode hat die gleichen Parameter wie die Bind-Methode. Der Unterschied zur Bind-Methode besteht darin, dass die Ereignisverarbeitung des übereinstimmenden Elements nur einmal ausgeführt wird Die Webanfrage wird erneut initiiert.
$('a').one('click',function(){alert('a');})

Nach dem Klicken auf das a-Element auf der Seite wird eine Meldung angezeigt, es sei denn, der Benutzer initiiert eine zweite Anfrage, wenn er erneut auf das a-Element klickt, wird das Meldungsdialogfeld nicht angezeigt.

3. live

Diese Methode kann hauptsächlich dynamisch hinzugefügte Elemente verarbeiten und auch Ereignisse an die später hinzugefügten Elemente binden.
$('a').live('click,function(){alert('show message!');})

Wenn ich dann ein Element hinzufüge,

$('body').appnend('Another Element');

, dann wird für dieses Element auch die Ereignisbehandlung ausgelöst Funktionsalarm.

Darüber hinaus bietet jQuery auch einige einfache Möglichkeiten zum Binden dieser Standardereignistypen, z. B. .click() zur Vereinfachung von .bind('click').

Es gibt insgesamt folgende Ereignisnamen: Blur, Focus, Focusin, Focusout, Load, Resize, Scroll, Unload, Click, Dblclick, Mousedown, Mouseup, Mousemove, Mouseover, Mouseout, MouseEnter , Mouseleave, Change, Select, Submit, Keydown, Keypress, Keyup, Fehler usw.

Das obige ist der detaillierte Inhalt vonErklären Sie im Detail, wie Sie die drei bind/One/Live-Ereignisbindungen von jQuery verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!