¿Cuáles son las diferencias entre Jquery y Javascript?

JQuery es una biblioteca de rutinas, escrita independientemente de javascript, pero que solo funciona en el entorno "javascript". Principalmente proporciona capacidades de scripting del lado del cliente fáciles de usar.

Antes de jQuery, escribir JavaScript era realmente largo, ya que tenía que escribir el mismo script de diferentes maneras para complacer a todos los navegadores. JQuery funciona en todos los navegadores y simplifica casi todo lo que necesita hacer en JavaScript.

El único inconveniente es que debe incluir la biblioteca jQuery en su página web, por lo que escribir en JavaScript puro mejorará el tiempo de carga de la página. Si esto le preocupa, puede considerar CoffeeScript.

Diferencia entre nota de mano y libro o más libro y biblioteca.
En JavaScript simple es como A, B, C, D, E, F ------ Z. y JQuery es como una biblioteca lista. donde puedes tomar fácilmente una oración y un patrón increíbles para escribir tu propio libro. 
Un ejemplo: [hice un violín para una mejor comprensión :)]
Ver mi  violín  O puede leer a continuación, En jQuery puede usar un objeto fadeIn o fadeOut simplemente escribiendo: $ ("# hola"). FadeIn (); donde en html: <div id = "hello"> World </div> si intentas escribir tu propia función de script java tienes que escribir: 

<code> (function () { 
    var FX = { 
        easing: { 
            linear: function (progress) { 
                return progress; 
            }, 
            quadratic: function (progress) { 
                return Math.pow (progress, 2); 
            }, 
            swing: function ( progreso) { 
                return 0.5 - Math.cos (progreso * Math.PI) / 2; 
            }, 
            circ: función (progreso) { 
                return 1 - Math.sin (Math.acos (progreso)); 
            }, 
            atrás: función (progreso , x) { 
                return Math.pow (progreso, 2) * ((x + 1) * progreso - x); 
            },
            rebote: función (progreso) { 
                for (var a = 0, b = 1, resultado; 1; a + = b, b / = 2) { 
                    if (progreso> = (7 - 4 * a) / 11) { 
                        return -Math.pow ((11 - 6 * a - 11 * progreso) / 4, 2) + Math.pow (b, 2); 
                    } 
                } 
            }, 
            elástico: función (progreso, x) { 
                return Math.pow (2, 10 * (progreso - 1)) * Math.cos (20 * Math.PI * x / 3 * progreso); 
            } 
        }, 
        animate: function (opciones) { 
            var start = new Date; 
            var id = setInterval (function () { 
                var timePassed = new Date - start;
                var progress = timePassed / options.duration; 
                if (progreso> 1) { 
                    progreso = 1; 
                } 
                opciones.progreso = progreso; 
                var delta = options.delta (progreso); 
                options.step (delta); 
                if (progreso == 1) { 
                    clearInterval (id); 
                    options.complete (); 
                } 
            }, options.delay || 10); 
        }, 
        fadeOut: función (elemento, opciones) { 
            var to = 1; 
            this.animate ({ 
                duración: opciones.duración,
                delta: función (progreso) { 
                    progreso = este.progreso; 
                    return FX.easing.swing (progreso); 
                }, 
                complete: options.complete, 
                step: function (delta) { 
                    element.style.opacity = to - delta; 
                } 
            }); 
        }, 
        fadeIn: función (elemento, opciones) { 
            var to = 0; 
            this.animate ({ 
                duración: opciones.duración, 
                delta: función (progreso) { 
                    progreso = este.progreso; 
                    retorno FX.easing.swing (progreso);
                }, 
                complete: options.complete, 
                step: function (delta) { 
                    element.style.opacity = to + delta; 
                } 
            }); 
        } 
    }; 
    window.FX = FX; 
}) () 

</code>