Binden von Ereignissen (bind()) und Entfernen von Ereignissen (unbind()) in JQuery_jquery

Wenn Sie die Wirkung des Ereignisses manchmal nach der Ausführung des Ereignisses abbrechen möchten, können Sie es mit bestimmten Methoden behandeln. Beispielsweise werden die Methoden bind() (Binden eines Ereignisses) und unbind() (Entfernen von Ereignissen, die über die Methode bind() hinzugefügt wurden) verwendet, um die Auswirkungen von Ereignissen zu entfernen.

Zum Beispiel der folgende Fall:

Code kopieren Der Code lautet wie folgt:

HTML-Teil:

Code kopieren Der Code lautet wie folgt:

Click Me

Wenn auf die Schaltfläche btn geklickt wird, werden drei Klickereignisse ausgelöst. Die Methode append() übergibt hier den Inhalt von drei Absätzen an die div-Ebene.

Die append()-Methode hängt den angegebenen Inhalt an das Ende des ausgewählten Elements an (immer noch intern). Sie unterscheidet sich immer noch von der html()-Methode. Die html()-Methode ändert den Inhalt des gesamten Elements, anstatt den Inhalt an das Ende des Elements anzuhängen. Die Methode text() ähnelt der Methode html(), der Unterschied besteht jedoch darin, dass der HTML-Code in der Methode html() geschrieben und korrekt analysiert werden kann, während text() den HTML-Code nur als normal behandeln kann Zeichenfolge.

Jedes Mal, wenn Sie hier klicken, wird ein Ereignis ausgeführt, um am Ende der div-Ebene einen Absatz hinzuzufügen. Der folgende Code bricht den Ereigniseffekt ab. Sie können das Ereignis löschen, um den Klickeffekt ungültig zu machen:

Code kopieren Der Code lautet wie folgt:

$(function(){

​​​​ $('#btn').bind("click", function(){
durch                }).bind("click", function(){
durch                }).bind("click", function(){
durch               });
​​​​ $('#delAll').click(function(){
                   $('#btn').unbind("click");
});
})

             $('#btn').unbind("click"); La fonction de ce code est d'annuler l'événement click sous l'élément btn. Ce n'est pas seulement valable pour la méthode bind(), c'est également valable pour la méthode click(). D'un certain point de vue, bind("click",function(){}) et click(function(){}) sont équivalents.

Vous pouvez également supprimer des événements spécifiques pour des méthodes spécifiques. Vous pouvez vous référer au code suivant :

Copier le code Le code est le suivant :

Le deuxième paramètre de la méthode unbind() est le nom de la fonction d'exécution correspondant à l'événement. Après exécution, seul l'événement myFun2 est supprimé, et les deux autres événements click sont exécutés normalement.

Il existe également une méthode one() qui est similaire à la méthode bind(). La différence est que la méthode one() n'est exécutée qu'une seule fois. Liez un gestionnaire d'événements unique à un événement spécifique (comme un clic) pour chaque élément correspondant. Le code est le suivant :

Copier le code Le code est le suivant :

$(fonction(){

         $('#btn').one("clic", function(){
à travers                }).one("clic", function(){
à travers                }).one("clic", function(){
à travers               });
})




Exécuté une seule fois après avoir cliqué. Cliquer à nouveau ne déclenchera pas l’effet. C'est la seule méthode.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère que cet article pourra aider tout le monde à mieux comprendre les événements de liaison et de suppression de jQuery,