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/

More Related Content

PDF
Web Development with Python and Django
PPTX
Json Web Token - JWT
PPTX
Angular - a real world case study
ODP
Introduction to Swagger
PPTX
User Interface Layer.pptx
PDF
Swagger UI
PPTX
types of events in JS
Web Development with Python and Django
Json Web Token - JWT
Angular - a real world case study
Introduction to Swagger
User Interface Layer.pptx
Swagger UI
types of events in JS

What's hot (20)

PDF
SI 화면테스트(단위) 가이드
PPTX
[Final] ReactJS presentation
PDF
Authentication and authorization
PPTX
Flask – Python
PDF
Intro to vue.js
PDF
추천시스템 이제는 돈이 되어야 한다.
PDF
CNIT 129S: Ch 7: Attacking Session Management
PPTX
Angular js PPT
PPTX
Angular Directives
PPT
PPTX
오픈소스 ROS기반 건설 로보틱스 기술 개발
PPTX
PDF
API_Testing_with_Postman
PDF
JavaScript Fetch API
PDF
Introduction to WAMP, a protocol enabling PUB/SUB and RPC over Websocket
PPTX
PPTX
Simple Object Access Protocol (SOAP).pptx
PPTX
PPTX
Burp better - Finding Struts and XXE Vulns with Burp Extensions
PDF
ES6: The Awesome Parts
SI 화면테스트(단위) 가이드
[Final] ReactJS presentation
Authentication and authorization
Flask – Python
Intro to vue.js
추천시스템 이제는 돈이 되어야 한다.
CNIT 129S: Ch 7: Attacking Session Management
Angular js PPT
Angular Directives
오픈소스 ROS기반 건설 로보틱스 기술 개발
API_Testing_with_Postman
JavaScript Fetch API
Introduction to WAMP, a protocol enabling PUB/SUB and RPC over Websocket
Simple Object Access Protocol (SOAP).pptx
Burp better - Finding Struts and XXE Vulns with Burp Extensions
ES6: The Awesome Parts
Ad

Similar to Difference between java script and jquery (20)

PPTX
Jquery beltranhomewrok
PPTX
Jquery beltranhomewrok
PDF
Top 45 jQuery Interview Questions and Answers | Edureka
PDF
jQuery Interview Questions By ScholarHat.pdf
ODP
jQuery
PPTX
Starting with jQuery
PPTX
J query resh
PDF
Lesson 09
PPTX
Introduction to jQuery
PDF
Lesson 09
PDF
Implementing auto complete using JQuery
PPT
J query presentation
PPT
J query presentation
PPTX
jQuery From the Ground Up
PDF
jQuery Fundamentals - JavaScript Library.pdf
PPT
Jquery
PPTX
Ise312 Ec Presentation Jquery
PPT
Jquery
PDF
Intro to Javascript and jQuery
Jquery beltranhomewrok
Jquery beltranhomewrok
Top 45 jQuery Interview Questions and Answers | Edureka
jQuery Interview Questions By ScholarHat.pdf
jQuery
Starting with jQuery
J query resh
Lesson 09
Introduction to jQuery
Lesson 09
Implementing auto complete using JQuery
J query presentation
J query presentation
jQuery From the Ground Up
jQuery Fundamentals - JavaScript Library.pdf
Jquery
Ise312 Ec Presentation Jquery
Jquery
Intro to Javascript and jQuery
Ad

More from Umar Ali (20)

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

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/