Detaillierte Erklärung der Kernfunktionen und der Ereignisbehandlung von jQuery

 $(Dokument).bereit(Funktion(){
  // Schreiben Sie Ihren Code hier ...
});
// Das Folgende ist eine Kurzform von $(function($) {
  // Sie können hier weiterhin $ als Alias ​​verwenden ...
});

 // Fügen Sie dem p-Tag einen Klickereignis-Listener hinzu $("p").on("click", function(){
	Alarm ($(this).text());
});
// Die zweite Schreibweise ist äquivalent zur obigen $("p").click(function(){
	Alarm ($(this).text());
});

 // Alle an das p-Tag gebundenen Ereignis-Listener entfernen $("p").off()
// Entfernen Sie den an das p-Tag gebundenen Klickereignis-Listener $("p").off("click")

 // Alle an das p-Tag gebundenen Ereignis-Listener entfernen $("p").bind("click", function(){
  Alarm ($(this).text());
});
// Mehrere Ereignistypen gleichzeitig binden $('#foo').bind('mouseenter mouseleave', function() {
  Alarm();
});

 // Alle Ereignisse aller Absätze aufheben $("p").unbind()
// Das Klickereignis des Absatzes aufheben $("p").unbind("click")

 // Wenn alle Absätze zum ersten Mal angeklickt werden, alle Texte anzeigen $("p").one("click", function(){
  Alarm ($(this).text());
});

 <div Stil="Hintergrundfarbe:rot">
      <p>Dies ist ein Absatz. </p>
      <button>Klicken Sie hier</button>
  </div>

// Wenn auf die Schaltfläche geklickt wird, das p-Element ausblenden oder anzeigen $("div").delegate("button", "click", function () {
      $("p").slideToggle();
  });

 // Entfernen Sie alle von der Methode delegate() hinzugefügten Ereignishandler aus dem p-Element $("p").undelegate();
// Entfernen Sie alle von der Methode delegate() hinzugefügten Klick-Ereignishandler aus dem p-Element $("p").undelegate("click")

 // Die Tabelle mit der Maus darüber wird mit einer speziellen Klasse hinzugefügt $("td").hover(
  Funktion () {
    $(this).addClass("schweben");
  },
  Funktion () {
    $(this).removeClass("schweben");
  }
);

 // Die Tabelle mit der Maus darüber wird mit einer speziellen Klasse hinzugefügt $("td").hover(
  Funktion () {
    $(this).addClass("schweben");
  },
  Funktion () {
    $(this).removeClass("schweben");
  }
);

 // Das Änderungsereignis des ausgewählten Elements auslösen $(selector).change();

 // Klickereignisse für alle Absätze auf der Seite auslösen $("p").click();

 // Binden Sie das Warnfeld „Hallo Welt!“ an das Doppelklickereignis jedes Absatzes auf der Seite $("p").dblclick( function () { alert("Hallo Welt!"); });

 // JavaScript-Fehler auf dem Server protokollieren:
$(Fenster).Fehler(Funktion(Nachricht, URL, Zeile){
  jQuery.post("js_error_log.php", { msg: msg, url: url, Zeile: Zeile });
});

 // Wenn die Seite geladen ist, setze den Fokus auf das Element mit der ID „login“:
$(Dokument).bereit(Funktion(){
  $("#login").fokus();
});

 <p><input type="text" /> <span>Fokussiere Feuer</span></p>
<p><input type="password" /> <span>Fokus aus Feuer</span></p>

// Nachdem der Fokus erhalten wurde, wird die Animation ausgelöst$("p").focusin(function() {
	$(this).find("span").css('display','inline').fadeOut(1000);
});

 // Nachdem der Fokus erhalten wurde, wird die Animation ausgelöst $("p").focusout(function() {
  $(this).find("span").css('display','inline').fadeOut(1000);
});

 // Um ​​auf Tastatureingaben auf der Seite zu reagieren, können Sie den folgenden Code verwenden: $(window).keydown(function(event){
  Schalter(Ereignis.Schlüsselcode) {
    // ...
    // Verschiedene Tasten bewirken verschiedene Dinge // Verschiedene Browser haben verschiedene Tastencodes // Weitere Details: http://unixpapa.com/js/key.html
    // ...
  }
});

 // Zähle die Anzahl der Tastenanschläge im Eingabefeld $("input").keydown(function(){
  $("span").text(i+=1);
});

 // Wenn eine Taste gedrückt wird, ändere die Farbe des Textfelds $("input").keyup(function(){
  $("Eingabe").css("Hintergrundfarbe","#D6D6FF");
});

 // Wenn die Maustaste gedrückt ist, das Element ausblenden oder anzeigen $("button").mousedown(function(){
  $("p").slideToggle();
});

 // Wenn der Mauszeiger ein Element betritt (durchläuft), ändere die Hintergrundfarbe des Elements$("p").mouseenter(function(){
  $("p").css("Hintergrundfarbe","gelb");
});

 // Wenn der Mauszeiger das Element verlässt, ändere die Hintergrundfarbe des Elements $("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4");}); // Wenn der Mauszeiger das Element verlässt, ändere die Hintergrundfarbe des Elements $("p").mouseleave(function(){
  $("p").css("Hintergrundfarbe","#E9E9E4");
});

 // Position des Mauszeigers auf der Seite ermitteln $(document).mousemove(function(e){
  $("span").text(e.seiteX + ", " + e.seiteY);
});

 //Wenn sich die Maus vom Element wegbewegt, ändere die Hintergrundfarbe des Elements:
$("p").mouseout(Funktion(){
  $("p").css("Hintergrundfarbe","#E9E9E4");
});

 // Wenn sich der Mauszeiger über einem Element befindet, ändere die Hintergrundfarbe des Elements$("p").mouseover(function(){
  $("p").css("Hintergrundfarbe","gelb");
});

 // Wenn die Maustaste losgelassen wird, Element ausblenden oder anzeigen $("button").mouseup(function(){
  $("p").slideToggle();
});

 // Beim Ändern der Seitenfenstergröße wird ein Warnfenster angezeigt$(window).resize(function(){
  alert("Hör auf!");
});

 //Funktion, die ausgeführt wird, wenn sich die Bildlaufleiste der Seite ändert:
$(Fenster).scroll( Funktion() { 
 	 alert("Hör auf!");
});

 // Löse das Select-Ereignis aller Eingabeelemente aus:
$("Eingabe").Auswahl();

 // Senden Sie das erste Formular auf dieser Seite:
$("form:first").senden();
// Formular-Absenden verhindern:
$("Formular").Senden( Funktion () {
  gibt false zurück;
} );

 // Beim Entladen der Seite wird ein Warnfenster eingeblendet:
$(window).unload( function () { alert("Tschüss jetzt!"); } );