Difference Between JavaScript And JQuery In Tabular Form

S.NoBasic TermsJavaScriptJQuery
1.Logo

JavaScript_logo
JavaScript_logo

JQuery_logo
JQuery_logo
2.MeaningJavaScript is the most popular scripting language
on the internet, and works in all major browsers,
such as Internet Explorer, Firefox,
Chrome, Opera, and Safari.
JQuery is a fast and concise JavaScript Library that simplifies HTML document
traversing, event handling, animating, and Ajax interactions for rapid web development.
3.First appearedDecember 4, 1995;Initial release August 26, 2006;
4.Developed byBrendan EichJohn Resig
5.Type of formatScripting languageJavaScript library
6.Implementation Useclient-side in web browsersjQuery is a JavaScript library designed to simplify the client-side scripting of HTML.
7.Composed of:its is a combination of ECMA Script and
Document Object Model (DOM).
jQuery has Document Object Model (DOM).
8.Web-based application creationJavaScript has many processes in creating web based applications.Creating a web based application using jQuery becomes easier.
9.Animation CreationAnimations are not possible using JavaScript.Animations can be easily created using jQuery.
10.Filename Extensions.js.js
11.Features
  1. JavaScript is a object-based scripting language.
  2. Giving the user more control over the browser.
  3. It Handling dates and time.
  4. It Detecting the user’s browser and OS,
  5. It is light weighted.
  6. JavaScript is a scripting language and it is not java.
  7. JavaScript is interpreter based scripting language.
  8. JavaScript is case sensitive.
  1. DOM element selections using the multi-browser open source
    selector engine Sizzle, a spin-off of the jQuery project
  2. DOM manipulation based on CSS selectors that uses elements
    names and attributes, such as id and class, as criteria to select nodes in the DOM
  3. Events
  4. Effects and animations
  5. Ajax
  6. Deferred and Promise objects to control asynchronous processing
  7. JSON parsing
  8. Cross-browser support
12.Uses of Code
  1. · Client-side validation
  2. · Dynamic drop-down menus
  3. · Displaying date and time
  4. · Build small but complete client side programs .
  5. · Displaying popup windows and dialog boxes

(like alert dialog box, confirm dialog box and prompt dialog box)

  1. · Displaying clocks etc.
  1. Open Source
  2. Endless Tutorials
  3. Huge Library
  4. Cross-platform
  5. SEO
  6. jQuery promotes simplicity
  7. jQuery pages load faster
  8. jQuery makes animated applications just like Flash
13.ExampleTwo JavaScript function to change the background color
with the onload function that would need to placed into the body tag

function changeBackground(color) {
   document.body.style.background = color;
}
onload="changeBackground('red');"
Example:
One JQuery changing the background color of a body tag

$('body').css('background', '#ccc');

This is the clean code JQuery provides.

(Visited 416 times, 1 visits today)
Share with Friends :
Written by:

Leave a Reply

Your email address will not be published. Required fields are marked *