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

Image Courtesy: deque.com

Most Searched in Beauty and Style Most Searched in Environment
Most Searched in Pregnancy and Parenting Most Searched in Arts and Humanities
Happiness vs Satisfaction
Mall vs Shopping Center
Fiancé vs Fiancée
HTTP vs HTTPS

Add new comment

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.