Schauen wir uns zunächst ein nützliches Beispiel zur Vertiefung unseres Vorwissens an, von dem einige bereits erschienen sind.
jQuery(document).ready(function() { jQuery("#btnHide").click(function() { jQuery("#imgGoogle").hide("1000"); }); });
Wenn Sie auf „Bild ausblenden“ klicken, wird das Google-Logobild in einer Sekunde ausgeblendet. Hier verwenden wir die Methode hide(). Natürlich müssen wir die Zeit nicht angeben. Wenn wir Bilder anzeigen möchten, sollten wir die Methode show() verwenden.
Jetzt beginnen wir mit dem Hauptinhalt dieses Artikels: Ereignisse. Möglicherweise ist Ihnen aufgefallen, dass oben an vielen Stellen Ereignisse verwendet wurden. Darunter ist document.ready ein Ereignis, das jQuery mitteilt, dass es sich bei den Ereignissen um Mausbewegungen, Klicks, das Verlassen des Textfelds usw. handelt.
Früher sahen wir oft:
Diese Art zu schreiben. Von nun an sollte jeder auf diese Schreibweise verzichten. Realisieren Sie die Trennung von JS-Code und HTML, damit die Seite sauberer und effizienter ist. Die aktuelle Schreibmethode lautet:
jQuery("#divRent").click(function() { alert("租房贵"); });
Da es sich hierbei um eine Zusammenfassung handelt, werde ich Beispiele verwenden, um so viele Ereignismethoden wie möglich wie in den ersten drei Artikeln aufzuzeichnen, damit jeder bei Bedarf darauf zurückgreifen kann.
Folgendes ist mir während meines Studiums begegnet:
1. one()-Ereignis, bindet ein Ereignis, das einmal ausgeführt werden soll
Das Obige ist an ein Klickereignis gebunden und beim zweiten Klicken wird keine Eingabeaufforderung angezeigt.
2. Focus()- und Blur()-Ereignisse
Dieses Beispiel verwendet die Kettenschreibmethode, ich glaube, es ist nicht schwer zu verstehen. Wenn Sie mit den CSS-Stilen von jQuery nicht vertraut sind, können Sie die zweite Zusammenfassung lesen. Wenn in diesem Beispiel der Fokus auf dem Textfeld liegt, ändert sich die Hintergrundfarbe in Gelb und beim Verlassen wieder in Weiß. Meiner Meinung nach besteht der Zweck darin, die Benutzererfahrung zu verbessern.
3. keydown()- und keyup()-Ereignisse
Wenn die Taste angezeigt wird (das kann man hier kaum ausdrücken^_^), wird der Inhalt des Textfelds in der Beschriftung angezeigt. Für den Teil über Bedienelementattribute können Sie die dritte Zusammenfassung lesen.
4. subscribe()-Ereignis
5. hover()-Ereignis