programacion - ¿Hay alguna manera fácil de convertir el código jquery a javascript?

string to html jquery (9)

Hay muchos ejemplos de lograr ciertas cosas en javascript / dom usando jQuery. Sin embargo, el uso de jQuery no siempre es una opción que puede ayudar a comprender los ejemplos de las soluciones javascript escritas en jQuery.

¿Hay alguna manera fácil de convertir el código de jQuery a javascript normal? Supongo que sin tener que acceder ni entender el código fuente de jQuery.

¿Hay alguna manera fácil de convertir el código de jQuery a javascript normal?

No, especialmente si:

entender los ejemplos de las soluciones javascript escritas en jQuery [es] difícil.

JQuery y todos los marcos tienden a facilitar la comprensión del código. Si eso es difícil de entender, entonces javascript vainilla será una tortura :)

http://net.tutsplus.com/tutorials/javascript-ajax/from-jquery-to-javascript-a-reference/

Nos guste o no, cada vez más desarrolladores se están introduciendo al mundo de JavaScript a través de jQuery primero. En muchos sentidos, estos recién llegados son los afortunados. Tienen acceso a una gran cantidad de nuevas API de JavaScript, lo que hace que el proceso de cruce de DOM (algo de lo que muchas personas dependen de jQuery) sea considerablemente más fácil. Desafortunadamente, ¡no conocen estas API!
En este artículo, tomaremos una variedad de tareas comunes de jQuery y las convertiremos en JavaScript moderno y heredado.

Lo propuse en un comentario a OP, y después de su sugerencia, publico que tiene una respuesta para que todos puedan consultar.

Además, Jeffrey Way mencionó sobre su inspiración que parece ser una buena guía para comprender: http://sharedfil.es/js-48hIfQE4XK.html

Tiene un adelanto, este documento compara jQuery con javascript:

$(document).ready(function() { // code… });

document.addEventListener("DOMContentLoaded", function() { // code… });

$("a").click(function() { // code… })

[].forEach.call(document.querySelectorAll("a"), function(el) { el.addEventListener("click", function() { // code… }); });

Deberías echar un vistazo.

El libro de Jeremy Keith " DOM Scripting " es una gran introducción al trabajo con Javascript y DOM. Lo recomiendo encarecidamente, ya sea que quiera usar jQuery o no. Es bueno saber qué está pasando debajo.

Esto te llevará el 90% del camino hasta allí; )

window.$ = document.querySelectorAll.bind(document)

Para Ajax, la API de extracción ahora es compatible con la versión actual de todos los principales navegadores . Para $.ready() , DOMContentLoaded tiene soporte casi universal . Puede que no necesite jQuery proporciona métodos nativos equivalentes para otras funciones comunes de jQuery.

Zepto ofrece una funcionalidad similar, pero pesa 10K con cremallera. Hay compilaciones Ajax personalizadas para jQuery y Zepto, así como algunas microestructuras , pero jQuery / Zepto tienen soporte sólido y 10 KB solo ~ ~ segundo en un módem de 56 K.

Hay varios buenos libros disponibles. Me gusta ppk en JavaScript. Aquí está C hapter 8 en el DOM .

La manera más fácil es simplemente aprender cómo hacer el desplazamiento y la manipulación de DOM con la simple API API (probablemente llamarías esto: JavaScript normal).

Sin embargo, esto puede ser un dolor para algunas cosas. (que es la razón por la cual las bibliotecas fueron inventadas en primer lugar).

Buscar en Google para "javascript DOM traversing / manipulación" debe presentarle muchos recursos útiles (y algunos menos útiles).

Los artículos en este sitio web son bastante buenos: http://www.htmlgoodies.com/primers/jsp/

Y como señala Nosredna en los comentarios: asegúrese de probar en todos los navegadores, porque ahora jQuery no manejará las incoherencias por usted.

Puedo ver un motivo, no relacionado con la publicación original, para compilar automáticamente el código jQuery en JavaScript estándar:

16k, o lo que sea, la biblioteca jQuery minimizada y con gzip, podría ser demasiado para su sitio web destinado a un navegador móvil. El w3c recomienda que todas las solicitudes HTTP para sitios web móviles tengan un máximo de 20k.

w3c especificaciones para dispositivos móviles

Así que disfruto de la codificación en mi jQuery simpático, escueto y encadenado. Pero ahora necesito optimizar para dispositivos móviles. ¿Realmente debería volver atrás y hacer el difícil y tedioso trabajo de volver a escribir todas las funciones de ayuda que utilicé en la biblioteca de jQuery? ¿O hay algún tipo de aplicación conveniente que me ayude a recompilar?

Eso sería muy dulce. Tristemente, no creo que tal cosa exista.

Sé que este es un hilo antiguo, pero hay un recurso excelente que muestra el javascript nativo equivalente a jquery, incluso incluye ejemplos de ES6. Este es el más completo que he encontrado de los otros artículos que cubren este tema.

jQuery a Vanilla JS

Si quieres aprender javascript, mira estos videos de Douglas Crockford. Ellos son muy buenos.