Para celebrar el cuarto aniversario de jQuery, el equipo oficial de jQuery lanzó oficialmente jQuery 1.4 . En esta versión, el equipo oficial de jQuery ha realizado mucho trabajo de codificación, pruebas y documentación. Naturalmente, ha mejorado mucho en comparación con la versión anterior.
Este artículo se divide en dos partes: la primera parte presenta principalmente los usos y actualizaciones relacionados de la versión jQuery 1.4. La segunda parte utiliza algunos ejemplos de código para mostrar los métodos actualizados y los métodos recién agregados.
【Descargar y llamar】
Como de costumbre, el funcionario proporciona dos copias de jQuery, una es una versión comprimida (comprimida usando Google Close Compiler, anteriormente usando YUI) y la otra es una versión sin comprimir (usada para depurar y leer).
Versión comprimida de jQuery (23kb, después de la compresión gzip)
jQuery versión sin comprimir (154kb)
Anteriormente se propuso cargar jQuery a través del servidor de Google para mejorar la velocidad de carga. Ahora, todavía podemos llamar al archivo comprimido de la versión jQuery 1.4 a través del servidor de Google, de la siguiente manera:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><!--mce:0--></script >
【Nuevas funciones y cambios 】
En jQuery 1.4, se reescribieron muchos métodos jQuery de uso común. Estas mejoras no solo son más fáciles de usar, sino que también aportan mejoras significativas en el rendimiento.
Nota: La siguiente es una descripción general; consulte la explicación del código en el siguiente artículo para obtener detalles desconocidos.
1. Agregue funciones Setter a algunos métodos
En versiones anteriores, podíamos pasar una función al método attr() y asignar el valor de retorno de la función a un atributo. En 1.4, esta funcionalidad se agregó a más métodos: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), . , .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), .toggleClass().
Además, en los siguientes métodos, también puede pasar el valor actual como segundo parámetro de la función de configuración para que lo utilice la función de configuración: .css(), .attr(), .val(), .html() , .text(), .append(), .prepend(), .offset(), .addClass(), .removeClass() y .toggleClass(). Por ejemplo:
jQuery('<img src="enter.png" alt="ingrese su nombre" />')
.attr("alt", función(índice, valor) {
devolver "Por favor", + valor;
});
2. Se actualizó el método principal de serialización en jQuery, jQuery.param()
Anteriormente, el resultado serializado para {foo: ["bar", "baz"]} era "foo=bar&foo=baz", pero ahora es "foo[]=bar&foo[]=baz".
El propósito de este cambio es principalmente decirle al receptor que lo que se pasa es un objeto de matriz.
3. En jQuery.ajax , cuando no se especifica el atributo tipo de datos, se identificará automáticamente según el tipo de contenido de la respuesta.
Por ejemplo: si el objeto devuelto por la solicitud ajax es de tipo json (aplicación/json), el tipo de datos se especificará automáticamente como "json" (si no se especifica).
4. Agregue soporte para Etag en la solicitud jQuery.ajax.
Anteriormente, jQuery no enviaba el valor If-None-Match en el encabezado de la solicitud ajax (es decir, no admitía Etag) y el caché del navegador se ignoraba de forma predeterminada. Ahora se puede habilitar especificando el atributo ifModified.
Consejo: si no conoce los encabezados http, se recomienda leer este artículo.