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

Gibt es viele Beispiele gibt von der Erreichung bestimmter Dinge, die in javascript/dom mit jQuery. Jedoch, mit jQuery ist nicht immer eine option, die das Verständnis der Beispiele von javascript-Lösungen geschrieben in jQuery hart.

Gibt es eine einfache Möglichkeit zu konvertieren jQuery-code, um reguläre javascript? Ich denke, ohne Zugriff auf oder zu verstehen, den jQuery source code.

InformationsquelleAutor der Frage davidsleeps | 2009-06-11

  1. 36

    Der einfachste Weg ist es, einfach lernen, wie man die DOM-Traversierung und manipulation des einfachen DOM-api (Sie würde wahrscheinlich rufen: normale JavaScript).

    Dieser kann aber den Schmerz für einige Dinge. (das ist der Grund, warum Bibliotheken wurden erfunden, in den ersten Platz).

    Googeln für "javascript-DOM-Traversierung/manipulation" sollten Sie mit reichlich hilfreiche (und einige weniger hilfreiche) Ressourcen.

    Den Artikeln auf dieser website sind ziemlich gut: http://www.htmlgoodies.com/primers/jsp/

    Und als Nosredna Punkte in die Kommentare: Lesen Sie test in allen Browsern, denn nun jQuery nicht sein Umgang mit den Inkonsistenzen für Sie.

    InformationsquelleAutor der Antwort Pim Jager

  2. 44

    Diese erhalten Sie 90% der Weg dorthin ; )

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

    Für Ajax, die Fetch API ist jetzt unterstützt die aktuellen Versionen aller wichtigen browser. Für $.ready()DOMContentLoaded hat in der Nähe der universal-Unterstützung. Sie Vielleicht Nicht Brauchen, jQuery gibt gleichwertige native Methoden, die für andere gemeinsame jQuery-Funktionen.

    Zepto bietet ähnliche Funktionalität, aber wiegt 10K RV. Es gibt benutzerdefinierte Ajax-builds für jQuery und Zepto sowie einige micro-frameworksaber jQuery/Zepto haben solide Unterstützung und 10KB ist nur ~1 Sekunde auf einem 56K modem.

    InformationsquelleAutor der Antwort Indolering

  3. 18

    Fand ich schon Recht beeindruckend tutorial über jquery-javascript-Konvertierung von Jeffrey Way on Jan 19th 2012 *Copyright © 2014 Envato* :

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

    Ob wir es wollen oder nicht, mehr und mehr Entwickler werden
    eingeführt, um die Welt von JavaScript über jQuery ersten. In vielen
    Möglichkeiten, diese Neuankömmlinge sind die glücklichen. Sie haben Zugang zu einem
    fülle von neuen JavaScript-APIs, die den Prozess der DOM
    traversal (etwas, dass viele Leute davon abhängen, jQuery)
    deutlich einfacher. Leider wissen Sie nicht über diese APIs!

    In diesem Artikel werden wir nehmen eine Vielzahl von gemeinsamen jQuery-Aufgaben, und
    wandeln Sie sowohl für moderne als auch legacy-JavaScript.

    Habe ich vorgeschlagen, dies in einem Kommentar zu OP, und nach seinem Vorschlag, Veröffentliche ich es hat eine Antwort für alle zu finden.

    Auch, Jeffrey Weise erwähnt, über seine inspiration Hexe scheint ein guter primer zum Verständnis : http://sharedfil.es/js-48hIfQE4XK.html

    Ist ein teaser, das Dokument Vergleich von jQuery um 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…
  });
});

    Sollten Sie einen Blick.

    InformationsquelleAutor der Antwort Milche Patern

  4. 10

    Ich weiß, das ist ein altes Thema, aber es ist eine ausgezeichnete Ressource, die zeigen, die native javascript-äquivalent zu jquery, es beinhaltet sogar ES6 Beispiele. Dies ist die umfassendste, die ich gefunden habe, aus dem anderen Artikel über dieses Thema.

    jQuery, Vanilla JS

    InformationsquelleAutor der Antwort dan

  5. 8

    Gibt es eine einfache Möglichkeit zu konvertieren jQuery
    code zum regelmäßigen javascript?

    Nein, vor allem, wenn:

    Verständnis der
    Beispiele von javascript-Lösungen
    geschrieben in jQuery [ist] schwer.

    JQuery und alle frameworks neigen dazu, das Verständnis des Codes zu erleichtern. Wenn das schwer zu verstehen ist, dann Vanille javascript Folter 🙂

    InformationsquelleAutor der Antwort Ryan Florence

  7. 6

    Kann ich einen Grund sehen, die sich nicht auf die original-Beitrag automatisch zu kompilieren jQuery-code in standard-JavaScript:

    16k oder was auch immer die Gzip -, minified jQuery-Bibliothek ist -- zu viel sein könnte für Ihre website, die ausschließlich für einen mobilen browser. Das w3c empfiehlt, dass alle HTTP-Anforderungen für mobile websites sollte maximal 20k.

    w3c-Spezifikationen für mobile

    So genieße ich die Codierung in meinem schönen, knappen, verkettete jQuery. Aber jetzt brauche ich zur Optimierung für mobile. Sollte ich wirklich gehen Sie zurück und tun, die schwierigen, mühsamen Arbeit zu umschreiben alle Helfer Funktionen, die ich in verwendet die jQuery-Bibliothek? Oder ist es eine Art praktische app, die mir helfen, neu kompilieren?

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

    InformationsquelleAutor der Antwort

  8. 1

    Jeremy Keith ' s Buch "DOM-Scripting" ist eine tolle Einführung in die Arbeit mit Javascript und dem DOM. Ich empfehle es, ob Sie jQuery verwenden möchten oder nicht. Es ist gut zu wissen, was Los ist unter.

    InformationsquelleAutor der Antwort dylanfm

  9. 1

    Gibt es mehrere gute Bücher zur Verfügung. Ich mag ppk on JavaScript. Hier ist CKapitel 8 auf den DOM.

    InformationsquelleAutor der Antwort Nosredna

Schreibe einen Kommentar