¿Cuáles son las nuevas características del próximo jQuery3_jquery?
Han pasado diez años desde que nació jQuery, y su longevidad obviamente no carece de razón. jQuery es otra excelente biblioteca de Javascript después del prototipo. Es una biblioteca js liviana que es compatible con CSS3 y varios navegadores (IE 6., FF 1.5+, Safari 2., Opera 9. y versiones posteriores ya no admitirán el navegador IE6/7/8). jQuery permite a los usuarios procesar más fácilmente HTML (una aplicación bajo el lenguaje de marcado universal estándar), eventos, implementar efectos de animación y proporcionar fácilmente interacción AJAX para sitios web. Otra gran ventaja de jQuery es que su documentación es muy completa y sus diversas aplicaciones se explican en detalle. También hay muchos complementos maduros para elegir.
En las próximas semanas, jQuery alcanzará un hito importante: el lanzamiento oficial de la versión 3.0. jQuery 3 corrigió una gran cantidad de errores, agregó nuevos métodos, eliminó algunas interfaces y modificó el comportamiento de una pequeña cantidad de interfaces. En este artículo, destacaré los cambios más importantes introducidos por jQuery 3.
Nuevas características
Primero analicemos las nuevas características más importantes de jQuery 3.
bucle for...of
En jQuery 3, podemos usar la instrucción de bucle for...of para iterar todos los elementos DOM en una colección jQuery. Este nuevo enfoque iterativo es parte de la especificación ECMAScript 2015 (también conocido como ES6). Este método puede recorrer "objetos iterables" (como Array, Map, Set, etc.).
Cuando se utiliza este nuevo método de iteración, el valor que se obtiene cada vez en el cuerpo del bucle no es un objeto jQuery, sino un elemento DOM (Anotación: esto es similar al método .each()). Este nuevo método de iteración puede mejorar ligeramente su código cuando opera en una colección jQuery.
Para comprender cómo funciona este método iterativo, supongamos un escenario: debe asignar una identificación a cada elemento de entrada en la página. Antes de jQuery 3, podías escribir:
El código es el siguiente: var $inputs = $('input');for(var i = 0; i $inputs[i].id = 'input -' + i;
}
En jQuery 3, puedes escribir así:
El código es el siguiente: var $inputs = $(' entrada');var i = 0;
for(var entrada de $entradas) {
entrada.id = 'entrada-' + i++;
}
(Anotación: de hecho, jQuery tiene un método .each(), que no es malo en cuanto a legibilidad.)
$.get() y $.post() funciones Nuevas firmas
jQuery 3 agrega nuevas firmas a las dos funciones de utilidad $.get() y $.post(), haciéndolas consistentes con el estilo de interfaz de $.ajax() La firma es. así:
El código es el siguiente:$.get([settings])
$.post([settings])
settings es un objeto Contiene varias propiedades. Su formato es el mismo que el formato de parámetro que pasó a $.ajax(). Si desea obtener más información sobre este objeto de parámetro, consulte la descripción relacionada en la página $.ajax().
La única diferencia entre los objetos de parámetro de $.get() y $.post() y los parámetros pasados a $.ajax() es que el atributo del método del primero siempre se ignora. La razón es realmente muy simple. $.get() y $.post() ya preestablecen el método HTTP para iniciar solicitudes Ajax (obviamente $.get() es GET y $.post() es POST). En otras palabras, los humanos normales no querrían usar el método $.get() para enviar una solicitud POST.
Supongamos que existe el siguiente código:
El código es el siguiente: $.get({
url: '/jquery-3.0.0 -beta1.js
Versión comprimida: /jquery-3.0.0-beta1.min.js
Por supuesto, también puedes descargarlo a través de npm:
[code]npm install jquery @3.0.0-beta1[/code]
Conclusión
Muchas personas han estado hablando mal de jQuery, diciendo que no tiene cabida en el desarrollo web moderno, pero pase lo que pase, el desarrollo de jQuery continúa y las estadísticas objetivas (una participación del 78,5% entre el millón de sitios web más importantes) refutan estos argumentos.
En este artículo, he tomado la iniciativa. sobre algunos de los cambios más importantes que traerá jQuery 3. Quizás haya notado que es poco probable que esta versión interrumpa sus proyectos existentes porque introduce muy pocos cambios importantes. Sin embargo, después de actualizar a jQuery 3, aún está en proceso de actualización. Es necesario tener en cuenta algunos puntos clave, como mejoras en los objetos diferidos, etc. De manera similar, al actualizar una biblioteca de terceros, también es necesario verificar la compatibilidad del proyecto para detectar cualquier problema de comportamiento inesperado lo antes posible. para evitar el fallo de ciertas funciones
Nota de traducción
Además de los cambios mencionados en este artículo, el cambio más grande en jQuery 3.0 es el abandono total del soporte para IE8. El motivo de esta decisión es que Microsoft anunció a principios de este año que dejará de admitir IE 8 ~ 10. Por lo tanto, el proyecto jQuery Compat lanzado por jQuery en la etapa alfa 3.0 ya no es necesario. Sin embargo, dado que IE8 sigue siendo uno de los navegadores más populares en China continental, los desarrolladores nacionales tendrán que quedarse con la versión jQuery 1.x en el corto plazo (o incluso en el mediano plazo). Finalmente, hablemos de las buenas noticias para ayudar a los usuarios a actualizar sin problemas, esta vez jQuery también proporcionará un complemento de migración (complemento jQuery Migrate) para la versión 3.0, que se puede garantizar ejecutando este complemento al mismo tiempo. después de actualizar jQuery a 3.0, el código comercial existente basado en jQuery 1.x o 2.x se ejecutará normalmente al mismo tiempo y le informará en la consola dónde el código existente es incompatible con jQuery 3. Después de corregir estos problemas. Problemas de incompatibilidad. Es seguro eliminar este complemento.