Um das vierte Jubiläum von jQuery zu feiern, hat das offizielle jQuery- Team jQuery 1.4 offiziell veröffentlicht. In dieser Version hat das offizielle jQuery-Team viel Codierungs-, Test- und Dokumentationsarbeit geleistet. Sie hat sich im Vergleich zur vorherigen Version natürlich erheblich verbessert.
Dieser Artikel ist in zwei Teile unterteilt. Im ersten Teil werden hauptsächlich die zugehörigen Verwendungszwecke und Aktualisierungen der jQuery-Version 1.4 vorgestellt. Im zweiten Teil werden einige Codebeispiele verwendet, um die aktualisierten und neu hinzugefügten Methoden zu zeigen.
【Herunterladen und anrufen】
Wie üblich stellt der Beamte zwei Kopien von jQuery zur Verfügung, eine ist eine komprimierte Version (komprimiert mit Google Closure Compiler, zuvor YUI verwendet) und die andere ist eine unkomprimierte Version (zum Debuggen und Lesen verwendet).
jQuery-komprimierte Version (23 KB, nach GZIP-Komprimierung)
unkomprimierte jQuery-Version (154 KB)
Es wurde bereits vorgeschlagen, jQuery über den Google-Server zu laden, um die Ladegeschwindigkeit zu verbessern. Jetzt können wir die komprimierte Versionsdatei von jQuery 1.4 immer noch wie folgt über den Server von Google aufrufen:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><!--mce:0--></script >
【Neue Funktionen und Änderungen 】
In jQuery 1.4 wurden viele häufig verwendete jQuery-Methoden neu geschrieben. Diese Verbesserungen sind nicht nur einfacher zu verwenden, sondern bringen auch erhebliche Leistungsverbesserungen mit sich.
Hinweis: Im Folgenden finden Sie eine Übersicht. Unbekannte Details finden Sie in der Code-Erklärung im nächsten Artikel.
1. Fügen Sie einigen Methoden Setter-Funktionen hinzu
In früheren Versionen konnten wir eine Funktion an die Methode attr() übergeben und den Rückgabewert der Funktion einem Attribut zuweisen. In 1.4 wurde diese Funktionalität zu weiteren Methoden hinzugefügt: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), . , .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass().
Darüber hinaus können Sie in den folgenden Methoden auch den aktuellen Wert als zweiten Parameter der Einstellungsfunktion zur Verwendung durch die Einstellungsfunktion übergeben: .css(), .attr(), .val(), .html() , .text( ), .append(), .prepend(), .offset(), .addClass(), .removeClass() und .toggleClass(). Zum Beispiel:
jQuery('<img src="enter.png" alt="Geben Sie Ihren Namen ein" />')
.attr("alt", function(index, value) {
return „Please,“ + value;
});
2. Aktualisierte die Kernmethode der Serialisierung in jQuery, jQuery.param()
Zuvor war das serialisierte Ergebnis für {foo: ["bar", "baz"]} "foo=bar&foo=baz", aber jetzt ist es "foo[]=bar&foo[]=baz".
Der Zweck dieser Änderung besteht hauptsächlich darin, dem Empfänger mitzuteilen, dass es sich bei der Übergabe um ein Array-Objekt handelt.
3. Wenn in jQuery.ajax das dataType-Attribut nicht angegeben ist, wird es automatisch anhand des Inhaltstyps der Antwort identifiziert.
Beispiel: Wenn das von der Ajax-Anfrage zurückgegebene Objekt vom JSON-Typ (application/json) ist, wird der Datentyp automatisch als „json“ angegeben (falls nicht angegeben).
4. Fügen Sie der jQuery.ajax-Anfrage Unterstützung für Etag hinzu.
Bisher hat jQuery den If-None-Match-Wert im Header der Ajax-Anfrage nicht gesendet (d. h. Etag wurde nicht unterstützt) und der Browser-Cache wurde standardmäßig ignoriert. Es kann jetzt durch Angabe des ifModified-Attributs aktiviert werden.
Tipp: Wenn Sie sich mit HTTP-Headern nicht auskennen, empfehlen wir Ihnen, diesen Artikel zu lesen.