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.
javascript
jquery
code-conversion
Davidsleeps
quelle
quelle
Antworten:
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.
quelle
Dadurch gelangen Sie zu 90% dorthin. )
Für Ajax wird die Fetch-API jetzt in der aktuellen Version aller gängigen Browser unterstützt . Für
$.ready()
,DOMContentLoaded
hat 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.
quelle
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/
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:
Sie sollten einen Blick darauf werfen.
quelle
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
quelle
Nein, besonders wenn:
JQuery und alle Frameworks erleichtern das Verständnis des Codes. Wenn das schwer zu verstehen ist, wird Vanille-Javascript Folter sein :)
quelle
<input onclick="myfunction(this)">
mitmyfunction(field){ field.value = "3"; }
macht mehr Sinn für mich , als<input id='thing'>
mit(function ($) { $(thing).click({ $(thing).val("3");});})()
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.
quelle
Wenn Sie Javascript lernen möchten, schauen Sie sich diese Douglas Crockford-Videos an. Sie sind sehr gut.
quelle
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.
quelle
Es gibt mehrere gute Bücher. Ich mag ppk auf JavaScript. Hier ist Kapitel 8 im DOM .
quelle