Gibt es eine einfache Möglichkeit, JQuery-Code in Javascript umzuwandeln? [geschlossen]

Es gibt viele Beispiele dafür, wie man mit jQuery bestimmte Dinge in Javascript / dom erreicht. Die Verwendung von jQuery ist jedoch nicht immer eine Option, die das Verständnis der Beispiele für in jQuery geschriebene Javascript-Lösungen erschweren kann.

Gibt es eine einfache Möglichkeit, jQuery-Code in reguläres Javascript zu konvertieren? Ich denke, ohne auf den jQuery-Quellcode zugreifen oder ihn verstehen zu müssen.

Der einfachste Weg ist, einfach zu lernen, wie man DOM-Traversing und -Manipulation mit der einfachen DOM-API durchführt (Sie würden dies wahrscheinlich als normales JavaScript bezeichnen).

Dies kann jedoch für einige Dinge schmerzhaft sein. (Deshalb wurden Bibliotheken überhaupt erst erfunden).

Das Googeln nach "Javascript DOM Traversing / Manipulation" sollte Ihnen viele hilfreiche (und einige weniger hilfreiche) Ressourcen bieten.

Die Artikel auf dieser Website sind ziemlich gut: http://www.htmlgoodies.com/primers/jsp/

Und wie Nosredna in den Kommentaren betont: Testen Sie unbedingt in allen Browsern, da jQuery die Inkonsistenzen jetzt nicht mehr für Sie behandelt.

Dadurch gelangen Sie zu 90% dorthin. )

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

Für Ajax wird die Fetch-API jetzt in der aktuellen Version aller gängigen Browser unterstützt . Für $.ready(), DOMContentLoadedhat in der Nähe von Universal-Unterstützung . Möglicherweise benötigen Sie jQuery nicht. Enthält entsprechende native Methoden für andere gängige jQuery-Funktionen.

Zepto bietet ähnliche Funktionen, wiegt jedoch 10K mit Reißverschluss. Es gibt benutzerdefinierte Ajax-Builds für jQuery und Zepto sowie einige Micro-Frameworks , aber jQuery / Zepto bieten solide Unterstützung und 10 KB sind auf einem 56K-Modem nur ~ 1 Sekunde.

Ich habe gerade dieses beeindruckende Tutorial über die Konvertierung von JQuery in Javascript von Jeffrey Way am 19. Januar 2012 gefunden *Copyright © 2014 Envato* :

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

Ob es uns gefällt oder nicht, immer mehr Entwickler werden zuerst über jQuery in die Welt von JavaScript eingeführt. In vielerlei Hinsicht sind diese Neuankömmlinge die Glücklichen. Sie haben Zugriff auf eine Vielzahl neuer JavaScript-APIs, die den Prozess der DOM-Durchquerung (für die viele Leute auf jQuery angewiesen sind) erheblich vereinfachen. Leider wissen sie nichts über diese APIs!

In diesem Artikel übernehmen wir eine Reihe gängiger jQuery-Aufgaben und konvertieren sie in modernes und älteres JavaScript.

Ich habe es in einem Kommentar an OP vorgeschlagen, und nach seinem Vorschlag veröffentliche ich, dass es eine Antwort gibt, auf die sich jeder beziehen kann.

Auch Jeffrey Way, der über seine Inspiration erwähnt wurde, scheint eine gute Grundlage für das Verständnis zu sein: http://sharedfil.es/js-48hIfQE4XK.html

Hat einen Teaser, dieses Dokument Vergleich von jQuery mit 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…
  });
});

Sie sollten einen Blick darauf werfen.

Ich weiß, dass dies ein alter Thread ist, aber es gibt eine ausgezeichnete Ressource, die das native Javascript zeigt, das jquery entspricht. Es enthält sogar ES6-Beispiele. Dies ist der umfassendste, den ich aus den anderen Artikeln zu diesem Thema herausgefunden habe.

jQuery an Vanilla JS

Gibt es eine einfache Möglichkeit, jQuery-Code in reguläres Javascript zu konvertieren?

Nein, besonders wenn:

Es ist schwierig, die Beispiele für in jQuery [geschriebene] Javascript-Lösungen zu verstehen.

JQuery und alle Frameworks erleichtern das Verständnis des Codes. Wenn das schwer zu verstehen ist, wird Vanille-Javascript Folter sein :)

Ich sehe einen Grund, der nicht mit dem ursprünglichen Beitrag zusammenhängt, jQuery-Code automatisch in Standard-JavaScript zu kompilieren:

16k - oder was auch immer die komprimierte, minimierte jQuery-Bibliothek ist - ist möglicherweise zu viel für Ihre Website, die für einen mobilen Browser vorgesehen ist. Das w3c empfiehlt, dass alle HTTP-Anforderungen für mobile Websites maximal 20.000 betragen sollten.

w3c Spezifikationen für Handy

Ich genieße es also, in meiner schönen, knappen, verketteten jQuery zu programmieren. Aber jetzt muss ich für mobile optimieren. Sollte ich wirklich zurückgehen und die schwierige und mühsame Arbeit erledigen, alle Hilfsfunktionen, die ich in der jQuery-Bibliothek verwendet habe, neu zu schreiben? Oder gibt es eine praktische App, die mir beim Neukompilieren hilft?

Das wäre sehr süß. Leider glaube ich nicht, dass so etwas existiert.

Wenn Sie Javascript lernen möchten, schauen Sie sich diese Douglas Crockford-Videos an. Sie sind sehr gut.

1. Die Programmiersprache Javascript: Verlauf, Sprache, erweiterte Funktionen, Plattformen, Standards, Stil [ Folien herunterladen ]
   • Siehe YUI-Blogeintrag
2. Theorie des DOM [ Folien herunterladen ]
   • Siehe YUI-Blogeintrag
3. Erweitertes Javascript: Vererbung, Module, Debugging, Effizienz, JSON [ Folien herunterladen ]
   • Siehe YUI-Blogeintrag

Jeremy Keiths Buch " DOM Scripting " ist eine großartige Einführung in die Arbeit mit Javascript und dem DOM. Ich kann es nur empfehlen, ob Sie jQuery verwenden möchten oder nicht. Es ist gut zu wissen, was darunter los ist.

Es gibt mehrere gute Bücher. Ich mag ppk auf JavaScript. Hier ist Kapitel 8 im DOM .