Liaison d'événements (bind()) et suppression d'événements (unbind()) dans JQuery_jquery

Parfois après l'exécution de l'événement, si vous souhaitez annuler l'effet de l'événement, vous pouvez le gérer via certaines méthodes. Par exemple, les méthodes bind() (événement de liaison) et unbind() (suppression des événements ajoutés via la méthode bind()) sont utilisées pour supprimer les effets des événements.

Par exemple, le cas suivant :

Copier le code Le code est le suivant :

partie html :

Copier le code Le code est le suivant :

Cliquez sur moi

Lorsque vous cliquez sur le bouton btn, trois événements de clic sont déclenchés. La méthode append() transmet ici le contenu de trois paragraphes à la couche div.

La méthode append() ajoute le contenu spécifié à la fin de l'élément sélectionné (toujours en interne). Elle est toujours différente de la méthode html(). La méthode html() modifie le contenu de l'élément entier plutôt que d'ajouter du contenu à la fin de l'élément. La méthode text() est similaire à la méthode html(), mais la différence est que le code html peut être écrit dans la méthode html() et peut être analysé correctement, tandis que text() ne peut traiter le code html que comme un code normal. chaîne.

Chaque fois que vous cliquez ici, un événement sera exécuté pour ajouter un paragraphe à la fin du calque div. Le code suivant annule l'effet de l'événement. Vous pouvez supprimer l'événement pour invalider l'effet du clic :

Copier le code Le code est le suivant :

$(fonction(){

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

              $('#btn').unbind("click"); Die Funktion dieses Codes besteht darin, das Klickereignis unter dem Element btn abzubrechen. Dies gilt nicht nur für die bind()-Methode, sondern auch für die click()-Methode. Aus einer bestimmten Perspektive sind bind("click",function(){}) und click(function(){}) gleichwertig.

Sie können auch bestimmte Ereignisse für bestimmte Methoden löschen. Sie können sich auf den folgenden Code beziehen:

Code kopieren Der Code lautet wie folgt:

Der zweite Parameter der unbind()-Methode ist der Name der Ausführungsfunktion, die dem Ereignis entspricht. Nach der Ausführung wird nur das myFun2-Ereignis gelöscht und die anderen beiden Klickereignisse werden normal ausgeführt.

Es gibt auch eine Methode one(), die der Methode bind() ähnelt. Der Unterschied besteht darin, dass die Methode one() nur einmal ausgeführt wird. Binden Sie für jedes übereinstimmende Element einen einmaligen Ereignishandler an ein bestimmtes Ereignis (z. B. einen Klick). Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

$(function(){

         $('#btn').one("click", function(){
durch                }).one("click", function(){
durch                }).one("click", function(){
durch               });
})




Wird nur einmal nach dem Klicken ausgeführt. Durch erneutes Klicken wird der Effekt nicht ausgelöst. Dies ist die einzige Methode.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dieser Artikel kann jedem helfen, die Bindungsereignisse und Entfernungsereignisse von jQuery besser zu verstehen,