Pour célébrer le quatrième anniversaire de jQuery, l'équipe officielle de jQuery a officiellement publié jQuery 1.4 . Dans cette version, l'équipe officielle de jQuery a effectué beaucoup de travail de codage, de tests et de documentation. Elle s'est naturellement beaucoup améliorée par rapport à la version précédente. Jetons un coup d'œil aux nouvelles modifications.
Cet article est divisé en deux parties. La première partie présente principalement les utilisations et mises à jour associées de la version jQuery 1.4. La deuxième partie utilise quelques exemples de code pour montrer les méthodes mises à jour et les méthodes nouvellement ajoutées.
【Téléchargez et appelez】
Comme d'habitude, le responsable fournit deux copies de jQuery, l'une est une version compressée (compressée à l'aide de Google Closure Compiler, utilisant auparavant YUI) et l'autre est une version non compressée (utilisée pour le débogage et la lecture).
Version compressée jQuery (23 Ko, après compression gzip)
jQuery version non compressée (154 Ko)
Il a déjà été proposé de charger jQuery via le serveur Google pour améliorer la vitesse de chargement. Désormais, nous pouvons toujours appeler le fichier compressé de la version jQuery 1.4 via le serveur de Google, comme suit :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><!--mce:0--></script >
【Nouvelles fonctionnalités et modifications 】
Dans jQuery 1.4, de nombreuses méthodes jQuery couramment utilisées ont été réécrites. Ces améliorations sont non seulement plus faciles à utiliser, mais apportent également des améliorations significatives en termes de performances.
Remarque : ce qui suit est un aperçu. Veuillez vous référer à l'explication du code dans l'article suivant pour tout détail inconnu.
1. Ajouter des fonctions Setter à certaines méthodes
Dans les versions précédentes, nous pouvions passer une fonction à la méthode attr() et attribuer la valeur de retour de la fonction à un attribut. Dans la version 1.4, cette fonctionnalité a été ajoutée à davantage de méthodes : .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), . , .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass().
De plus, dans les méthodes suivantes, vous pouvez également transmettre la valeur actuelle comme deuxième paramètre de la fonction de paramétrage à utiliser par la fonction de paramétrage : .css(), .attr(), .val(), .html() , .text( ), .append(), .prepend(), .offset(), .addClass(), .removeClass() et .toggleClass(). Par exemple:
jQuery('<img src="enter.png" alt="entrez votre nom" />')
.attr("alt", fonction(index, valeur) {
return "S'il vous plaît, " + valeur ;
});
2. Mise à jour de la méthode principale de sérialisation dans jQuery, jQuery.param()
Auparavant, le résultat sérialisé pour {foo: ["bar", "baz"]} était "foo=bar&foo=baz", mais maintenant c'est "foo[]=bar&foo[]=baz".
Le but de ce changement est principalement d'indiquer au destinataire que ce qui est transmis est un objet tableau.
3. Dans jQuery.ajax , lorsque l'attribut dataType n'est pas spécifié, il sera automatiquement identifié en fonction du type de contenu de la réponse.
Par exemple : si l'objet renvoyé par la requête ajax est de type json (application/json), le dataType sera automatiquement spécifié comme "json" (s'il n'est pas spécifié).
4. Ajoutez la prise en charge d'Etag dans la requête jQuery.ajax.
Auparavant, jQuery n'envoyait pas la valeur If-None-Match dans l'en-tête de la requête ajax (c'est-à-dire qu'il ne prenait pas en charge Etag) et le cache du navigateur était ignoré par défaut. Il peut maintenant être activé en spécifiant l'attribut ifModified.
Astuce : Si vous ne connaissez pas les en-têtes http, il est recommandé de lire cet article.