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

Image Courtesy: kabayview.com, deque.com

Most Searched in Computers and Internets Most Searched in Games and Recreation
Most Searched in Beauty and Style Most Searched in Pregnancy and Parenting
Hot Chocolate vs Hot Cocoa
Directive vs Regulation
Epistemology vs Ontology

Add new comment

Plain text

CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.