vanilla javascript vs jquery

Question

Ho difficoltà a cogliere la differenza tra i due. Ho provato a scaricare la libreria e non c'era il codice. Sto cercando di creare un dispositivo di scorrimento di base insieme ad altre funzioni di base che ho creato in jQuery. Qualsiasi aiuto, tutorial, plugin e informazioni sarebbe molto utile!

Answer 1

javascript è integrata nel browser

e si può solo link alle versioni online di jQuery e jQueryUI iniziare con

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

ed il cursore si trova in libreria jQuery UI - (è una biblioteca costruita in cima e dipendente jquery) in modo da portare che nel prossimo

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

poi i campioni di jQueryUI dovrebbero avere più senso

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

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

da

http://jqueryui.com/slider/

Answer 2

"Vanilla JS" si riferisce alla pianura, JavaScript non modificato.

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

jQuery è una raccolta di funzioni e cose che hanno lo scopo di rendere più facile scrivere JavaScript (anche se personalmente ritengo che rende più come spaghetti)

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

Poiché jQuery è solo un mucchio di JavaScript, il semplice JavaScript è SEMPRE più veloce da eseguire. Potrebbe essere più difficile scrivere perché devi effettivamente pensare a quello che stai facendo, ma funzionerà più velocemente della stessa cosa in jQuery.

Per un confronto tra i due esempi di codice di cui sopra, si veda this JSPerf

Answer 3

jQuery è una libreria basata su JavaScript. Fornisce metodi a mano corta di cose che potrebbero altrimenti essere codificate in JavaScript. jQuery è codificato in JavaScript e non è integrato nel browser, quindi devi incorporarlo.

L'interfaccia utente di jQuery, d'altra parte, è una libreria dell'interfaccia utente che consente di codificare gli elementi dell'interfaccia utente di base in un modo breve.

Non hai specificato quale stavi utilizzando.

Per incorporare jQuery, utilizzare questo per l'ultima versione di jQuery:

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

e questo per l'ultima versione dell'interfaccia utente:

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

Nota che gli esempi sopra la nostra ospitati su jQuery.com.

Google offre anche una soluzione jQuery ospitata tramite developers.google.com.

Puoi anche auto-hostare jQuery sul tuo server (se ne hai). Alcune persone pensano che l'uso dei server di Google (o di jQuery) sia molto più veloce che ospitarli sul proprio server, ma è necessario eseguire test e scoprire quale funziona meglio/più velocemente per te.

Poiché jQuery è una libreria esterna (un'estensione di JavaScript), è necessario caricarla, non è incorporata nel browser, quindi è sempre più lenta.

Anche se alcune persone pensano che a causa del fatto che jQuery è (per alcuni), molto più facile da codificare (e le transizioni come FadeIn sono integrate), vale la pena il tempo di caricamento più lento.

Spero che questo aiuti.

Modifica: Hai anche accennato al fatto che hai scaricato JavaScript e che non c'era alcun codice all'interno, ma JavaScript è incorporato nel browser quindi non è possibile scaricarlo. Probabilmente ti stai riferendo a this joke.