SlideShare a Scribd company logo
Difference between JavaScript and jQuery

      S.No   JavaScript                                 jQuery

      1      Meaning:                                   Meaning:

             JavaScript is the most popular             JQuery is a fast and concise JavaScript
             scripting language on the internet,        Library that simplifies HTML document
             and works in all major browsers,           traversing, event handling, animating, and
             such as Internet Explorer, Firefox,        Ajax     interactions  for    rapid    web
             Chrome, Opera, and Safari.                 development.

      2      Composed of:                               Composed of:

             JavaScript is a combination of ECMA        jQuery has      Document      Object    Model
             Script and Document Object Model           (DOM).
             (DOM).

      3      Web-based application creation:            Web-based application creation:

             JavaScript has many processes in           Creating a web based application using
             creating web based applications.           jQuery becomes easier.

             Example-1:                                 Example-1: <a href=”test.html”
             <a href=”test.html” onclick=”alert(‘this   class=”css-class”>Test</a>
             is the on-click event’);”>Test</a>         $(“a.css-class”).click(function(){ alert(‘this
                                                        is the on-click event’); });
             Example-2:
             Two JavaScript function to change          Example-2:
             the background color with the onload       One JQuery changing the background
             function that would need to placed         color of a body tag
             into the body tag
                                                        $('body').css('background', '#ccc');
             function changeBackground(color) {
               document.body.style.background =         This is the clean code JQuery provides.
             color;
             }
             onload="changeBackground('red');"

             Note:
             If we use this unstructured code then
             there is many problems to validate
             the html source of web page. So
             JQuery is best to use and easy to
             understand.

      4      Animation Creation:                        Animation Creation:

             Animations are not possible using          Animations can be easily created using
             JavaScript.                                jQuery.




And, further updates on difference between questions and answers, please visit my blog @
http://onlydifferencefaqs.blogspot.in/
Ad

More Related Content

What's hot (20)

ES6 presentation
ES6 presentationES6 presentation
ES6 presentation
ritika1
 
Painless JavaScript Testing with Jest
Painless JavaScript Testing with JestPainless JavaScript Testing with Jest
Painless JavaScript Testing with Jest
Michał Pierzchała
 
C++ to java
C++ to javaC++ to java
C++ to java
Ajmal Ak
 
Build Automation using Maven
Build Automation using Maven Build Automation using Maven
Build Automation using Maven
Ankit Gubrani
 
Mobile Application Development Using Java
Mobile Application Development Using JavaMobile Application Development Using Java
Mobile Application Development Using Java
NexSoftsys
 
Spring - Part 1 - IoC, Di and Beans
Spring - Part 1 - IoC, Di and Beans Spring - Part 1 - IoC, Di and Beans
Spring - Part 1 - IoC, Di and Beans
Hitesh-Java
 
JavaScript - Chapter 15 - Debugging Techniques
 JavaScript - Chapter 15 - Debugging Techniques JavaScript - Chapter 15 - Debugging Techniques
JavaScript - Chapter 15 - Debugging Techniques
WebStackAcademy
 
Spring annotation
Spring annotationSpring annotation
Spring annotation
Rajiv Srivastava
 
Java Database Connectivity (JDBC)
Java Database Connectivity (JDBC)Java Database Connectivity (JDBC)
Java Database Connectivity (JDBC)
Pooja Talreja
 
Saving Time By Testing With Jest
Saving Time By Testing With JestSaving Time By Testing With Jest
Saving Time By Testing With Jest
Ben McCormick
 
TypeScript - An Introduction
TypeScript - An IntroductionTypeScript - An Introduction
TypeScript - An Introduction
NexThoughts Technologies
 
Android architecture
Android architectureAndroid architecture
Android architecture
poojapainter
 
JavaScript Promises
JavaScript PromisesJavaScript Promises
JavaScript Promises
L&T Technology Services Limited
 
Angularjs PPT
Angularjs PPTAngularjs PPT
Angularjs PPT
Amit Baghel
 
Google Firebase
Google FirebaseGoogle Firebase
Google Firebase
AliZaidi94
 
React-JS.pptx
React-JS.pptxReact-JS.pptx
React-JS.pptx
AnmolPandita7
 
Firebase
FirebaseFirebase
Firebase
neha nasreen
 
Spring Core
Spring CoreSpring Core
Spring Core
Pushan Bhattacharya
 
Intro to web services
Intro to web servicesIntro to web services
Intro to web services
Neil Ghosh
 
Angular tutorial
Angular tutorialAngular tutorial
Angular tutorial
Rohit Gupta
 
ES6 presentation
ES6 presentationES6 presentation
ES6 presentation
ritika1
 
Painless JavaScript Testing with Jest
Painless JavaScript Testing with JestPainless JavaScript Testing with Jest
Painless JavaScript Testing with Jest
Michał Pierzchała
 
C++ to java
C++ to javaC++ to java
C++ to java
Ajmal Ak
 
Build Automation using Maven
Build Automation using Maven Build Automation using Maven
Build Automation using Maven
Ankit Gubrani
 
Mobile Application Development Using Java
Mobile Application Development Using JavaMobile Application Development Using Java
Mobile Application Development Using Java
NexSoftsys
 
Spring - Part 1 - IoC, Di and Beans
Spring - Part 1 - IoC, Di and Beans Spring - Part 1 - IoC, Di and Beans
Spring - Part 1 - IoC, Di and Beans
Hitesh-Java
 
JavaScript - Chapter 15 - Debugging Techniques
 JavaScript - Chapter 15 - Debugging Techniques JavaScript - Chapter 15 - Debugging Techniques
JavaScript - Chapter 15 - Debugging Techniques
WebStackAcademy
 
Java Database Connectivity (JDBC)
Java Database Connectivity (JDBC)Java Database Connectivity (JDBC)
Java Database Connectivity (JDBC)
Pooja Talreja
 
Saving Time By Testing With Jest
Saving Time By Testing With JestSaving Time By Testing With Jest
Saving Time By Testing With Jest
Ben McCormick
 
Android architecture
Android architectureAndroid architecture
Android architecture
poojapainter
 
Google Firebase
Google FirebaseGoogle Firebase
Google Firebase
AliZaidi94
 
Intro to web services
Intro to web servicesIntro to web services
Intro to web services
Neil Ghosh
 
Angular tutorial
Angular tutorialAngular tutorial
Angular tutorial
Rohit Gupta
 

Similar to Difference between java script and jquery (20)

Jquery beltranhomewrok
Jquery beltranhomewrokJquery beltranhomewrok
Jquery beltranhomewrok
Catherine Beltran
 
Jquery beltranhomewrok
Jquery beltranhomewrokJquery beltranhomewrok
Jquery beltranhomewrok
Catherine Beltran
 
Top 45 jQuery Interview Questions and Answers | Edureka
Top 45 jQuery Interview Questions and Answers | EdurekaTop 45 jQuery Interview Questions and Answers | Edureka
Top 45 jQuery Interview Questions and Answers | Edureka
Edureka!
 
jQuery Interview Questions By ScholarHat.pdf
jQuery Interview Questions By ScholarHat.pdfjQuery Interview Questions By ScholarHat.pdf
jQuery Interview Questions By ScholarHat.pdf
Scholarhat
 
jQuery
jQueryjQuery
jQuery
sgrover
 
Starting with jQuery
Starting with jQueryStarting with jQuery
Starting with jQuery
Anil Kumar
 
J query resh
J query reshJ query resh
J query resh
Resh Mahtani
 
Lesson 09
Lesson 09Lesson 09
Lesson 09
Gene Babon
 
Introduction to jQuery
Introduction to jQueryIntroduction to jQuery
Introduction to jQuery
Collaboration Technologies
 
Lesson 09
Lesson 09Lesson 09
Lesson 09
Gene Babon
 
Jquery
JqueryJquery
Jquery
Girish Srivastava
 
Implementing auto complete using JQuery
Implementing auto complete using JQueryImplementing auto complete using JQuery
Implementing auto complete using JQuery
Bhushan Mulmule
 
J query presentation
J query presentationJ query presentation
J query presentation
sawarkar17
 
J query presentation
J query presentationJ query presentation
J query presentation
akanksha17
 
jQuery From the Ground Up
jQuery From the Ground UpjQuery From the Ground Up
jQuery From the Ground Up
Kevin Griffin
 
jQuery Fundamentals - JavaScript Library.pdf
jQuery Fundamentals - JavaScript Library.pdfjQuery Fundamentals - JavaScript Library.pdf
jQuery Fundamentals - JavaScript Library.pdf
fizashahid246
 
Jquery
JqueryJquery
Jquery
chauhankapil
 
Ise312 Ec Presentation Jquery
Ise312 Ec Presentation JqueryIse312 Ec Presentation Jquery
Ise312 Ec Presentation Jquery
duygut
 
Jquery
Jquery Jquery
Jquery
eginni
 
Intro to Javascript and jQuery
Intro to Javascript and jQueryIntro to Javascript and jQuery
Intro to Javascript and jQuery
Shawn Calvert
 
Top 45 jQuery Interview Questions and Answers | Edureka
Top 45 jQuery Interview Questions and Answers | EdurekaTop 45 jQuery Interview Questions and Answers | Edureka
Top 45 jQuery Interview Questions and Answers | Edureka
Edureka!
 
jQuery Interview Questions By ScholarHat.pdf
jQuery Interview Questions By ScholarHat.pdfjQuery Interview Questions By ScholarHat.pdf
jQuery Interview Questions By ScholarHat.pdf
Scholarhat
 
Starting with jQuery
Starting with jQueryStarting with jQuery
Starting with jQuery
Anil Kumar
 
Implementing auto complete using JQuery
Implementing auto complete using JQueryImplementing auto complete using JQuery
Implementing auto complete using JQuery
Bhushan Mulmule
 
J query presentation
J query presentationJ query presentation
J query presentation
sawarkar17
 
J query presentation
J query presentationJ query presentation
J query presentation
akanksha17
 
jQuery From the Ground Up
jQuery From the Ground UpjQuery From the Ground Up
jQuery From the Ground Up
Kevin Griffin
 
jQuery Fundamentals - JavaScript Library.pdf
jQuery Fundamentals - JavaScript Library.pdfjQuery Fundamentals - JavaScript Library.pdf
jQuery Fundamentals - JavaScript Library.pdf
fizashahid246
 
Ise312 Ec Presentation Jquery
Ise312 Ec Presentation JqueryIse312 Ec Presentation Jquery
Ise312 Ec Presentation Jquery
duygut
 
Jquery
Jquery Jquery
Jquery
eginni
 
Intro to Javascript and jQuery
Intro to Javascript and jQueryIntro to Javascript and jQuery
Intro to Javascript and jQuery
Shawn Calvert
 
Ad

More from Umar Ali (20)

Difference between wcf and asp.net web api
Difference between wcf and asp.net web apiDifference between wcf and asp.net web api
Difference between wcf and asp.net web api
Umar Ali
 
Difference between ActionResult() and ViewResult()
Difference between ActionResult() and ViewResult()Difference between ActionResult() and ViewResult()
Difference between ActionResult() and ViewResult()
Umar Ali
 
Difference between asp.net mvc 3 and asp.net mvc 4
Difference between asp.net mvc 3 and asp.net mvc 4Difference between asp.net mvc 3 and asp.net mvc 4
Difference between asp.net mvc 3 and asp.net mvc 4
Umar Ali
 
Difference between asp.net web api and asp.net mvc
Difference between asp.net web api and asp.net mvcDifference between asp.net web api and asp.net mvc
Difference between asp.net web api and asp.net mvc
Umar Ali
 
Difference between asp.net web forms and asp.net mvc
Difference between asp.net web forms and asp.net mvcDifference between asp.net web forms and asp.net mvc
Difference between asp.net web forms and asp.net mvc
Umar Ali
 
ASP.NET MVC difference between questions list 1
ASP.NET MVC difference between questions list 1ASP.NET MVC difference between questions list 1
ASP.NET MVC difference between questions list 1
Umar Ali
 
Link checkers 1
Link checkers 1Link checkers 1
Link checkers 1
Umar Ali
 
Affiliate Networks Sites-1
Affiliate Networks Sites-1Affiliate Networks Sites-1
Affiliate Networks Sites-1
Umar Ali
 
Technical Video Training Sites- 1
Technical Video Training Sites- 1Technical Video Training Sites- 1
Technical Video Training Sites- 1
Umar Ali
 
US News Sites- 1
US News Sites- 1 US News Sites- 1
US News Sites- 1
Umar Ali
 
How to create user friendly file hosting link sites
How to create user friendly file hosting link sitesHow to create user friendly file hosting link sites
How to create user friendly file hosting link sites
Umar Ali
 
Weak hadiths in tamil
Weak hadiths in tamilWeak hadiths in tamil
Weak hadiths in tamil
Umar Ali
 
Bulughul Maram in tamil
Bulughul Maram in tamilBulughul Maram in tamil
Bulughul Maram in tamil
Umar Ali
 
Asp.net website usage and job trends
Asp.net website usage and job trendsAsp.net website usage and job trends
Asp.net website usage and job trends
Umar Ali
 
Indian news sites- 1
Indian news sites- 1 Indian news sites- 1
Indian news sites- 1
Umar Ali
 
Photo sharing sites- 1
Photo sharing sites- 1 Photo sharing sites- 1
Photo sharing sites- 1
Umar Ali
 
File hosting search engines
File hosting search enginesFile hosting search engines
File hosting search engines
Umar Ali
 
Ajax difference faqs compiled- 1
Ajax difference  faqs compiled- 1Ajax difference  faqs compiled- 1
Ajax difference faqs compiled- 1
Umar Ali
 
ADO.NET difference faqs compiled- 1
ADO.NET difference  faqs compiled- 1ADO.NET difference  faqs compiled- 1
ADO.NET difference faqs compiled- 1
Umar Ali
 
Dotnet differences compiled -1
Dotnet differences compiled -1Dotnet differences compiled -1
Dotnet differences compiled -1
Umar Ali
 
Difference between wcf and asp.net web api
Difference between wcf and asp.net web apiDifference between wcf and asp.net web api
Difference between wcf and asp.net web api
Umar Ali
 
Difference between ActionResult() and ViewResult()
Difference between ActionResult() and ViewResult()Difference between ActionResult() and ViewResult()
Difference between ActionResult() and ViewResult()
Umar Ali
 
Difference between asp.net mvc 3 and asp.net mvc 4
Difference between asp.net mvc 3 and asp.net mvc 4Difference between asp.net mvc 3 and asp.net mvc 4
Difference between asp.net mvc 3 and asp.net mvc 4
Umar Ali
 
Difference between asp.net web api and asp.net mvc
Difference between asp.net web api and asp.net mvcDifference between asp.net web api and asp.net mvc
Difference between asp.net web api and asp.net mvc
Umar Ali
 
Difference between asp.net web forms and asp.net mvc
Difference between asp.net web forms and asp.net mvcDifference between asp.net web forms and asp.net mvc
Difference between asp.net web forms and asp.net mvc
Umar Ali
 
ASP.NET MVC difference between questions list 1
ASP.NET MVC difference between questions list 1ASP.NET MVC difference between questions list 1
ASP.NET MVC difference between questions list 1
Umar Ali
 
Link checkers 1
Link checkers 1Link checkers 1
Link checkers 1
Umar Ali
 
Affiliate Networks Sites-1
Affiliate Networks Sites-1Affiliate Networks Sites-1
Affiliate Networks Sites-1
Umar Ali
 
Technical Video Training Sites- 1
Technical Video Training Sites- 1Technical Video Training Sites- 1
Technical Video Training Sites- 1
Umar Ali
 
US News Sites- 1
US News Sites- 1 US News Sites- 1
US News Sites- 1
Umar Ali
 
How to create user friendly file hosting link sites
How to create user friendly file hosting link sitesHow to create user friendly file hosting link sites
How to create user friendly file hosting link sites
Umar Ali
 
Weak hadiths in tamil
Weak hadiths in tamilWeak hadiths in tamil
Weak hadiths in tamil
Umar Ali
 
Bulughul Maram in tamil
Bulughul Maram in tamilBulughul Maram in tamil
Bulughul Maram in tamil
Umar Ali
 
Asp.net website usage and job trends
Asp.net website usage and job trendsAsp.net website usage and job trends
Asp.net website usage and job trends
Umar Ali
 
Indian news sites- 1
Indian news sites- 1 Indian news sites- 1
Indian news sites- 1
Umar Ali
 
Photo sharing sites- 1
Photo sharing sites- 1 Photo sharing sites- 1
Photo sharing sites- 1
Umar Ali
 
File hosting search engines
File hosting search enginesFile hosting search engines
File hosting search engines
Umar Ali
 
Ajax difference faqs compiled- 1
Ajax difference  faqs compiled- 1Ajax difference  faqs compiled- 1
Ajax difference faqs compiled- 1
Umar Ali
 
ADO.NET difference faqs compiled- 1
ADO.NET difference  faqs compiled- 1ADO.NET difference  faqs compiled- 1
ADO.NET difference faqs compiled- 1
Umar Ali
 
Dotnet differences compiled -1
Dotnet differences compiled -1Dotnet differences compiled -1
Dotnet differences compiled -1
Umar Ali
 
Ad

Difference between java script and jquery

  • 1. Difference between JavaScript and jQuery S.No JavaScript jQuery 1 Meaning: Meaning: JavaScript is the most popular JQuery is a fast and concise JavaScript scripting language on the internet, Library that simplifies HTML document and works in all major browsers, traversing, event handling, animating, and such as Internet Explorer, Firefox, Ajax interactions for rapid web Chrome, Opera, and Safari. development. 2 Composed of: Composed of: JavaScript is a combination of ECMA jQuery has Document Object Model Script and Document Object Model (DOM). (DOM). 3 Web-based application creation: Web-based application creation: JavaScript has many processes in Creating a web based application using creating web based applications. jQuery becomes easier. Example-1: Example-1: <a href=”test.html” <a href=”test.html” onclick=”alert(‘this class=”css-class”>Test</a> is the on-click event’);”>Test</a> $(“a.css-class”).click(function(){ alert(‘this is the on-click event’); }); Example-2: Two JavaScript function to change Example-2: the background color with the onload One JQuery changing the background function that would need to placed color of a body tag into the body tag $('body').css('background', '#ccc'); function changeBackground(color) { document.body.style.background = This is the clean code JQuery provides. color; } onload="changeBackground('red');" Note: If we use this unstructured code then there is many problems to validate the html source of web page. So JQuery is best to use and easy to understand. 4 Animation Creation: Animation Creation: Animations are not possible using Animations can be easily created using JavaScript. jQuery. And, further updates on difference between questions and answers, please visit my blog @ http://onlydifferencefaqs.blogspot.in/