¿Hay una manera fácil de convertir el código jquery a javascript? [cerrado]

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

Answer

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

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

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

Zepto ofrece una funcionalidad similar pero pesa 10K comprimidos. Hay compilaciones personalizadas de Ajax para jQuery y Zepto, así como algunos marcos micro , pero jQuery/Zepto tienen un soporte sólido y 10 KB son solo ~ 1 segundo en un módem de 56 K.

La forma más fácil es simplemente aprender cómo atravesar y manipular DOM con la API DOM simple (probablemente llamaría a esto: JavaScript normal).

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

Buscar en Google "recorrido/manipulación de DOM de javascript" debería presentarle muchos recursos útiles (y algunos menos útiles).

Los artículos de 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 inconsistencias por usted.

Acabo de encontrar este tutorial bastante impresionante sobre la conversión de jquery a javascript de Jeffrey Way el 19 de enero de 2012 *Copyright © 2014 Envato* :

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

Whether we like it or not, more and more developers are being introduced to the world of JavaScript through jQuery first. In many ways, these newcomers are the lucky ones. They have access to a plethora of new JavaScript APIs, which make the process of DOM traversal (something that many folks depend on jQuery for) considerably easier. Unfortunately, they don’t know about these APIs!

In this article, we’ll take a variety of common jQuery tasks, and convert them to both modern and legacy JavaScript.

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

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

Tiene un adelanto, este documento de comparación de 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.

Is there an easy way to convert jQuery code to regular javascript?

No, especialmente si:

understanding the examples of javascript solutions written in jQuery [is] hard.

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

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

16k, o lo que sea que sea la biblioteca jQuery minificada y comprimida, puede ser demasiado para su sitio web que está diseñado para un navegador móvil. El w3c recomienda que todas las solicitudes HTTP para sitios web móviles tengan un máximo de 20k.

especificaciones w3c para móviles

Así que disfruto programando en mi agradable, conciso y encadenado jQuery. Pero ahora necesito optimizar para dispositivos móviles. ¿Realmente debería regresar y hacer el difícil y tedioso trabajo de reescribir todas las funciones auxiliares que usé en la biblioteca jQuery? ¿O hay algún tipo de aplicación conveniente que me ayude a recompilar?

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