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).
Il a été précédemment 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 .