Difference between JavaScript and JQuery

Key Difference: JavaScript is a scripting language developed by Netscape inc. Microsystems that can be embedded in HTML pages. It is used in order to generate interactive effects and for various validation related tasks. JQuery is a light weight cross browser library of JavaScript that simplifies the client-side scripting of HTML.

JavaScript is an object oriented scripting language that resides inside HTML documents. It is used to generate interactive effects and for various validation related tasks. It is also referred to as a scripting language for web pages, but can also be used in non-browser environments like Apache CouchDB. It was first introduced in December 1995, with the name LiveScript. However, it was quickly renamed to JavaScript. It is itself an interpreted language. It has been designed to perform dynamic tasks.

JQuery is a light weight cross browser library of JavaScript that simplifies client-side scripting of HTML. It was released in January 2006 at BarCamp by John Resig. It is known for providing advance and cross browser functions. Jquery is often preferred over basic JavaScript. Simply working with basic JavaScript, may bring out some browser incompatibilities. Therefore, JQuery has been designed to solve these kinds of problems. It can be easily installed by importing a script within a web page.

Comparison between Javascript and JQuery:

	JavaScript	JQuery
Definition	JavaScript is a scripting language developed by Netscape, inc. Microsystems that can be embedded in HTML pages in order to generate interactive effects and for various validations related tasks.	JQuery is a light weight cross browser library of JavaScript that simplifies the client-side scripting of HTML.
Composed of	A combination of ECMA Script and Document Object Model	Document Object Model
Type	An interpreted programming Language	A framework for Client side Java Script
Animations	Not possible	Easily possible
Example	var greet = function( person, message ) { var greeting = 'Dear, ' + person + '!'; log( greeting + ' ' + message ); }; greet( 'Joy', 'Welcome' );	$(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); });
Features	Programming tool for HTML Handles Dynamic effects Saves Time DOM Interpreted Language Visual JavaScript Generators and Iterators	DOM element selections functions DOM traversal and modification Events CSS manipulation Effects and animations Ajax Extensibility Utilities - such as browser version and the each function. JavaScript Plugins
Appeared in	1995	2006
Developer(s)	Netscape Communications Corporation, Mozilla Foundation	jQuery Team