В чем разница между JQuery и Javascript?

JQuery - это библиотека подпрограмм, написанных независимо от javascript, но работающих только в среде "javascript". В основном он предоставляет простые в использовании возможности создания сценариев на стороне клиента.

До написания jQuery JavaScript был действительно долгим, так как вам приходилось писать один и тот же сценарий по-разному, чтобы угодить всем браузерам. JQuery работает во всех браузерах и упрощает работу практически со всем, что вам нужно делать в JavaScript.

Единственным недостатком является то, что вы должны включить библиотеку jQuery на свою веб-страницу, поэтому написание на чистом JavaScript улучшит время загрузки страницы. Если это вызывает беспокойство, вы можете рассмотреть CoffeeScript.

Разница между записной книжкой и книгой или более книгой и библиотекой.
В простом JavaScript это похоже на A, B, C, D, E, F ------ Z. а JQuery похож на готовую библиотеку. где вы можете легко взять какое-нибудь потрясающее предложение и шаблон, можете написать свою собственную книгу. 
Пример: [я сделал скрипку для лучшего понимания :)]
Посмотреть мой  Fiddle  Или вы можете прочитать ниже, В JQuery вы можете использовать объект FadeIn или FADEOUT просто писать: . $ ( «# Привет») FadeIn (); где в html: <div id = "hello"> World </div>, если вы попытаетесь написать свою собственную функцию java-скрипта, вы должны написать: 

<code> (function () { 
    var FX = { 
        easing: { 
            linear: function (progress) { 
                return progress; 
            }, 
            quadratic: function (progress) { 
                return Math.pow (progress, 2); 
            }, 
            swing: function ( progress) { 
                return 0.5 - Math.cos (progress * Math.PI) / 2; 
            }, 
            circ: function (progress) { 
                return 1 - Math.sin (Math.acos (progress)); 
            }, 
            back: function (progress , x) { 
                return Math.pow (progress, 2) * ((x + 1) * progress - x); 
            },
            bounce: function (progress) { 
                for (var a = 0, b = 1, result; 1; a + = b, b / = 2) { 
                    if (progress> = (7-4 * a) / 11) { 
                        return -Math.pow ((11-6 * a - 11 * прогресс) / 4, 2) + Math.pow (b, 2); 
                    } 
                } 
            }, 
            эластичный: function (progress, x) { 
                return Math.pow (2, 10 * (progress - 1)) * Math.cos (20 * Math.PI * x / 3 * progress); 
            } 
        }, 
        анимация: функция (параметры) { 
            var start = new Date; 
            var id = setInterval (function () { 
                var timePassed = new Дата - начало;
                var progress = timePassed / options.duration; 
                если (прогресс> 1) { 
                    прогресс = 1; 
                } 
                options.progress = прогресс; 
                var delta = options.delta (прогресс); 
                options.step (дельта); 
                если (прогресс == 1) { 
                    clearInterval (id); 
                    options.complete (); 
                } 
            }, options.delay || 10); 
        }, 
        fadeOut: функция (элемент, параметры) { 
            var to = 1; 
            this.animate ({ 
                duration: options.duration,
                дельта: функция (прогресс) { 
                    прогресс = this.progress; 
                    return FX.easing.swing (прогресс); 
                }, 
                завершено: options.complete, 
                шаг: функция (дельта) { 
                    element.style.opacity = to - дельта; 
                } 
            }); 
        }, 
        fadeIn: function (element, options) { 
            var to = 0; 
            this.animate ({ 
                продолжительность: параметры.длительность, 
                дельта: функция (прогресс) { 
                    прогресс = this.progress; 
                    return FX.easing.swing (прогресс);
                }, 
                завершено: options.complete, 
                шаг: функция (дельта) { 
                    element.style.opacity = to + delta; 
                } 
            }); 
        } 
    }; 
    window.FX = FX; 
}) () 

</code>