Vanille Javascript vs Jquery

Question

Ich habe Probleme, den Unterschied zwischen den beiden zu begreifen. Ich habe versucht, die Bibliothek herunterzuladen, und es gab keinen Code. Ich versuche, einen grundlegenden Schieberegler zusammen mit anderen grundlegenden Funktionen zu bauen, die ich in jQuery gebaut habe. Jede Hilfe, Tutorials, Plugins und Informationen wären sehr hilfreich!

Answer 1

JavaScript ist in an den Browser

gebaut und man kann einfach eine Verknüpfung zu den Online-Versionen von jQuery und jQueryUI mit

<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 

und der Schieber ist in jQuery UI-Bibliothek zu beginnen - (es ist eine Bibliothek oben auf und abhängig von jquery gebaut) so dass in

nächsten bringen

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

dann die Proben aus jQueryUI sollte mehr Sinn machen

<script> 
    $(function() { 
    $("#slider").slider(); 
    }); 
    </script> 

<div id="slider"></div> 

von

http://jqueryui.com/slider/

Answer 2

"Vanilla JS" bezieht sich auf ebene, unmodifizierten JavaScript.

document.getElementById('myelement').innerHTML = "I was written with JavaScript!"; 

jQuery ist eine Sammlung von Funktionen und Sachen, die es einfacher machen sollen JavaScript schreiben (obwohl ich persönlich es es wie Spaghetti mehr fühlen)

$("#myelement").html("I was written with jQuery!"); 

Da jQuery nur ein Haufen ist von JavaScript, plain JavaScript ist IMMER schneller zu laufen. Es kann schwieriger sein zu schreiben, weil Sie wirklich darüber nachdenken müssen, was Sie tun, aber es wird schneller als das gleiche in jQuery laufen.

Für einen Vergleich der beiden Codebeispiele oben, siehe this JSPerf

Answer 3

jQuery Bibliothek auf JavaScript basiert. Es bietet Short-Hand-Methoden von Dingen, die sonst in JavaScript codiert werden könnten. jQuery ist in JavaScript codiert und nicht im Browser integriert, Sie müssen es also einbetten.

jQuery UI hingegen ist eine UI-Bibliothek, mit der Sie elementare UI-Elemente in Kurzform codieren können.

Sie haben nicht angegeben, welche Sie verwendet haben.

jQuery einzubetten, verwenden Sie diese für die neueste Version von jQuery:

<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 

und diese für die neueste Version UI:

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

Beachten Sie, dass die oben genannten Beispiele unserer auf jQuery.com gehostet.

Google bietet auch eine gehostete jQuery-Lösung über developers.google.com an.

Sie können jQuery auch auf Ihrem eigenen Server hosten (falls vorhanden). Manche Leute denken, dass die Verwendung von Googles Servern (oder jQuery's) schneller ist als das Hosten auf Ihrem eigenen Server, aber Sie müssen Tests durchführen und herausfinden, welche für Sie am besten/schneller funktioniert.

Da jQuery eine externe Bibliothek (eine Erweiterung von JavaScript) ist, müssen Sie es laden, es ist nicht in den Browser integriert, daher ist es immer langsamer.

Obwohl einige Leute denken, dass aufgrund der Tatsache, dass jQuery (für einige) viel einfacher zu programmieren ist (und die Übergänge wie FadeIn eingebaut sind), ist es die langsamere Ladezeit wert.

Hoffe, das hilft.

Bearbeiten: Sie haben auch erwähnt, dass Sie JavaScript heruntergeladen haben und dass kein Code darin enthalten ist, aber JavaScript im Browser integriert ist, so dass es keinen Download gibt. Sie beziehen sich wahrscheinlich auf this joke.