Heim > Artikel > Web-Frontend > Wie JQuery Ereignisse verarbeitet
jQuery-Ereignisfunktion Die jQuery-Ereignisbehandlungsmethode ist die Kernfunktion in jQuery.
Ereignishandler beziehen sich auf Methoden, die aufgerufen werden, wenn bestimmte Ereignisse in HTML auftreten. Der Begriff „durch ein Ereignis ausgelöst“ (oder „inspiriert“) wird häufig verwendet.
jQuery-Ereignisse
Hier sind einige Beispiele für Ereignismethoden in jQuery:
|
Binde Funktion an | ||||||||||||
$(document).ready(function) | Binden Sie eine Funktion an das Bereitschaftsereignis des Dokuments (wenn das Dokument vollständig geladen wurde) | ||||||||||||
Lösen Sie die Funktion aus oder binden Sie sie an den Klick des ausgewählten Elements Ereignis | |||||||||||||
$(selector).dblclick(function) | Eine Funktion auslösen oder an das Doppelklickereignis des ausgewählten Elements binden | ||||||||||||
$ (selector).focus(function) | Eine Funktion auslösen oder an das Fokusereignis des ausgewählten Elements binden | tr>||||||||||||
$(selector).mouseover(function) |
Eine Funktion auslösen oder an das Mouseover-Ereignis des ausgewählten Elements binden |
Wenn Sie auf die Schaltfläche „Click me“ klicken, wird der Inhalt im
-Tag ausgeblendet.
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button type="button">Click me</button> </body> </html>FazitDa jQuery speziell für die Verarbeitung von HTML-Ereignissen entwickelt wurde, ist Ihr Code besser geeignet und einfacher zu warten, wenn Sie die folgenden Prinzipien befolgen: Fügen Sie den gesamten jQuery-Code in Ereignishandlern ein.Fügen Sie alle Ereignishandler in dokumentenfertigen Ereignishandlern ein.Fügen Sie den jQuery-Code in einer separaten .js-Datei ein. Benennen Sie die um jQuery-Bibliothek, wenn ein Namenskonflikt besteht
Das obige ist der detaillierte Inhalt vonWie JQuery Ereignisse verarbeitet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!