Existe uma maneira fácil de converter o código jquery em javascript? [fechadas]

Existem muitos exemplos por aí de conseguir certas coisas em javascript / dom usando jQuery. No entanto, o uso do jQuery nem sempre é uma opção que pode dificultar a compreensão dos exemplos de soluções javascript escritas no jQuery.

Existe uma maneira fácil de converter o código jQuery em javascript regular? Eu acho que sem ter que acessar ou entender o código fonte do jQuery.

A maneira mais fácil é aprender como fazer a travessia e manipulação do DOM com a API simples do DOM (você provavelmente chamaria isso: JavaScript normal).

No entanto, isso pode ser uma dor para algumas coisas. (razão pela qual as bibliotecas foram inventadas).

A pesquisa no Google sobre "navegação / manipulação de DOM javascript" deve apresentar muitos recursos úteis (e alguns menos úteis).

Os artigos deste site são muito bons: http://www.htmlgoodies.com/primers/jsp/

E como Nosredna aponta nos comentários: teste em todos os navegadores, porque agora o jQuery não estará lidando com as inconsistências para você.

Isso fará você 90% do caminho até lá; )

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

Para o Ajax, a API de busca agora é suportada na versão atual de todos os principais navegadores . Para $.ready(), DOMContentLoadedtem suporte quase universal . Você pode não precisar do jQuery fornece métodos nativos equivalentes para outras funções comuns do jQuery.

O Zepto oferece funcionalidade semelhante, mas pesa 10K compactado. Existem compilações personalizadas do Ajax para jQuery e Zepto, além de algumas microestruturas , mas o jQuery / Zepto tem suporte sólido e 10 KB é de apenas 1 segundo em um modem de 56K.

Acabei de encontrar este tutorial bastante impressionante sobre a conversão de jquery para javascript de Jeffrey Way em 19 de janeiro de 2012 *Copyright © 2014 Envato* :

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

Quer gostemos ou não, cada vez mais desenvolvedores estão sendo introduzidos no mundo do JavaScript através do jQuery. De muitas maneiras, esses recém-chegados são os sortudos. Eles têm acesso a uma infinidade de novas APIs JavaScript, que facilitam consideravelmente o processo de passagem do DOM (algo que muitas pessoas dependem do jQuery). Infelizmente, eles não conhecem essas APIs!

Neste artigo, pegaremos uma variedade de tarefas comuns do jQuery e as converteremos em JavaScript moderno e legado.

Eu o propus em um comentário ao OP e, após a sugestão dele, eu o publico, tem uma resposta para que todos possam se referir.

Além disso, Jeffrey Way mencionado sobre sua inspiração, parece ser um bom manual para entender: http://sharedfil.es/js-48hIfQE4XK.html

Tem um teaser, esta comparação de documento de jQuery para 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…
  });
});

Você deveria dar uma olhada.

Eu sei que este é um thread antigo, mas há um excelente recurso que mostra o javascript nativo equivalente ao jquery, incluindo até exemplos do ES6. Este é o mais abrangente que eu descobri nos outros artigos que abordam esse assunto.

jQuery para Vanilla JS

Existe uma maneira fácil de converter o código jQuery em javascript regular?

Não, especialmente se:

é difícil entender os exemplos de soluções javascript escritas no jQuery.

O JQuery e todas as estruturas tendem a facilitar a compreensão do código. Se isso é difícil de entender, o javascript de baunilha será uma tortura :)

Eu vejo um motivo, não relacionado à postagem original, para compilar automaticamente o código jQuery no JavaScript padrão:

16k - ou qualquer que seja a biblioteca jQuery compactada e compactada, compactada - pode ser demais para o seu site destinado a um navegador móvel. O w3c recomenda que todas as solicitações HTTP para sites para celular tenham no máximo 20k.

especificações do w3c para dispositivos móveis

Por isso, gosto de codificar meu jQuery agradável, conciso e encadeado. Mas agora eu preciso otimizar para dispositivos móveis. Eu realmente deveria voltar e fazer o trabalho difícil e tedioso de reescrever todas as funções auxiliares que usei na biblioteca jQuery? Ou existe algum tipo de aplicativo conveniente que me ajudará a recompilar?

Isso seria muito gentil. Infelizmente, não acho que isso exista.

Se você quiser aprender javascript, assista a esses vídeos de Douglas Crockford. Eles são muito bons.

1. A linguagem de programação Javascript: Histórico, Idioma, Recursos avançados, Plataformas, Padrões, Estilo [ baixar slides ]
   • Veja a entrada do blog YUI
2. Teoria do DOM [ baixar slides ]
   • Veja a entrada do blog YUI
3. Javascript avançado: herança, módulos, depuração, eficiência, JSON [ baixar slides ]
   • Veja a entrada do blog YUI

O livro de Jeremy Keith, " DOM Scripting ", é uma excelente introdução ao trabalho com Javascript e o DOM. Eu recomendo, se você deseja usar o jQuery ou não. É bom saber o que está acontecendo embaixo.

Existem vários bons livros disponíveis. Eu gosto de ppk no JavaScript. Aqui está C hapter 8 no DOM .