Difference between java script and jquery

Aug 16, 20124 likes22,736 views

JavaScript is a scripting language that works in web browsers to make web pages interactive. jQuery is a JavaScript library that simplifies HTML document traversal, event handling, animating, and Ajax interactions. While JavaScript allows for web application creation and event handling, jQuery makes these tasks easier through its simplified syntax and methods. jQuery also enables animations, which are difficult to create with plain JavaScript. Overall, jQuery builds on JavaScript by providing a simpler, cross-browser compatible way to select and manipulate HTML, handle events, perform animations, and add Ajax interactions to web pages.

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/

The document provides an overview of web services standards SOAP, WSDL, and UDDI. It defines SOAP as a messaging protocol, WSDL as a language for describing web services, and UDDI as a registry for publishing and discovering web services. The document then goes on to describe each standard in more detail, covering topics like SOAP envelopes and messages, WSDL definitions of operations and bindings, and the process of registering a WSDL service in a UDDI registry.

What's this jQuery? Where it came from, and how it will drive innovationMarakana Inc.

In this talk jQuery Project Team member, Johnathan Sharp, sets out to answer four main questions: Where'd jQuery Come from?, Why is it so popular? How has it changed development? How will it drive innovation? **see the video at http://marakana.com/f/211 ** In the scope of his talk Johnathan also touches on: - What jQuery is not - Core concepts to understand before jumping into jQuery (CSS & Selectors, DOM, Events, JavaScript patterns, etc) - jQuery core, and jQuery project plugins - The larger jQuery Project including the jQuery core, jQuery UI, and jQuery mobile - jQuery going forward (HTML5, mobile browser support, official Plugins, growing corporate support services) Finally, Johnathan will dig deep into a few code demos to illustrate some of the core concepts of jQuery, like events, JavaScript patterns, and making Ajax requests.

Pro jQuery 2 0 Second Edition Adam Freemanwaibapandim

Introduction to jQueryNagaraju Sangam

The document provides an introduction to jQuery, explaining what it is, its benefits over traditional JavaScript, and how it can be used. Key points covered include: - jQuery is a lightweight JavaScript library that makes client-side scripting easier by providing cross-browser compatibility and methods for selecting, manipulating, and traversing DOM elements. - jQuery solves many cross-browser issues that exist with traditional JavaScript and allows unobtrusive JavaScript that separates behavior from content. - jQuery simplifies many common tasks like DOM traversal and manipulation through methods like $.(), selectors, events, effects, and plugins. This allows easier and more readable code compared to traditional JavaScript. - The document provides examples of how to use

jQuery and_drupalBlackCatWeb

J queryAlliza Reyes

jQuery is an open-source JavaScript library that simplifies HTML document manipulation and event handling by writing less code. It is used by many large companies and simplifies common tasks like AJAX requests and DOM manipulation through methods that can be called with single lines of code. jQuery makes it easy to add interactivity, animations, and complex client-side form validation to websites with less code than traditional JavaScript.

J query b_dotnet_ug_meet_12_may_2012ghnash

The document discusses jQuery, a JavaScript library. It provides information on: - What jQuery is and its main functionality, including DOM scripting, Ajax, user interface effects, and form validation. - How to get started with jQuery, including downloading the file, adding it to a page via a script tag, and using common selectors like ID, class, and tag name to select elements. - Common jQuery methods for manipulating elements, like adding and removing classes, traversing the DOM, making GET/POST requests, and loading content via Ajax. - Ensuring the document is ready before running jQuery code by using the ready function. So in summary, the document provides an overview

Jqueryreddivarihareesh

Web2.0 with jQuery in EnglishLau Bech Lauritzen

This document provides an overview of jQuery and Web 2.0 technologies. It discusses how jQuery simplifies tasks like DOM manipulation, event handling, and Ajax. jQuery uses CSS-like selectors to find elements and chaining to perform multiple actions at once. It has a simple API for common tasks and can be extended through plugins. The document also touches on related tools like jQuery UI and jQuery Mobile.

Week 05 Web, App and Javascript_Brandon, S.H. WuAppUniverz Org

The document discusses JavaScript basics and modular JavaScript design. It provides an agenda that covers JavaScript execution, scopes, types, browser objects, blocks, closures, DOM, event handling, and AJAX. It then discusses object-oriented JavaScript, components, containers, layouts, and client-side MVC patterns for modular JavaScript design. Examples of leveraging standards like HTML, CSS, and JavaScript across devices are also provided.

J query mobile tech talkwoliverj

The document provides an overview of jQuery Mobile, a framework for building mobile web applications. It discusses: - The "Browser Wars" and issues with cross-browser compatibility that jQuery Mobile aims to address. - Key features of jQuery Mobile like its small file size, theming capabilities, and support for progressive enhancement across devices. - How jQuery Mobile builds on jQuery to provide additional mobile-optimized features for aspects like DOM manipulation and event handling. - Why jQuery Mobile may be preferable to other options like jQuery UI/Touch Punch for its simplicity, smaller size, and support for a wide variety of mobile devices and browsers through graceful degradation.

Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)Thinkful

This document provides an overview of building a web app with JavaScript and jQuery. It discusses the objectives and benefits of using JavaScript, what jQuery is and how it helps with cross-browser compatibility and UI features. It also covers DOM traversal and manipulation using jQuery, common uses like animations and form handling, and attaching events like clicks using callbacks. The document includes examples of changing styles, traversing elements, and responding to events. It concludes with challenges to practice these skills by creating a photo gallery and shopping list app.

Write Less Do MoreRemy Sharp

J query presentationsawarkar17

jQuery is a lightweight JavaScript library that makes HTML document traversal and manipulation, event handling, animation, and Ajax interactions easier. It takes common tasks that require many lines of JavaScript code and wraps them into methods that can be called with a single line of code. Originally created in 2006, jQuery simplifies HTML document navigation and manipulation, as well as event handling, CSS animation, and Ajax interactions for rapid web development. It has a simple syntax of $() selector and action() to select and perform actions on HTML elements.

J query presentationakanksha17

User Interface Development with jQuerycolinbdclark

How I Learned to Stop Worrying and Love jQuery (Jan 2013)David Giard

Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...mouhlirusake

JS Libraries and jQuery OverviewAleksandr Motsjonov

This document provides an overview of JavaScript libraries and jQuery. It discusses reasons for using JS libraries like cross-browser compatibility and less code. jQuery is introduced as a popular library that simplifies DOM manipulation, events, Ajax and animation. The document then demonstrates various jQuery functions for selecting elements, traversing the DOM, handling events, and making Ajax requests.

Devdays Seattle jQuery Intro for Developerscody lindley

This document provides an introduction and overview of jQuery for developers. It discusses that jQuery is a JavaScript library used on 35% of sites that use JavaScript and 1 in 5 of all sites, to simplify DOM manipulation, events, animations and Ajax interactions. It then covers 5 core jQuery concepts including finding elements and performing actions on them, creating elements, chaining methods, implicit iteration, and building plugins. The document provides examples of each concept and encourages questions at the end.

Week 4 - jQuery + Ajaxbaygross

This document provides an introduction to jQuery, including what jQuery is, why it's useful, how to include it, and some common jQuery syntax and methods. Key points: - jQuery is a JavaScript framework that makes interacting with HTML, CSS, and browser functionality simpler. It provides methods for DOM manipulation, AJAX requests, and event handling. - jQuery uses CSS selector syntax to select elements and chainable methods to manipulate them. Common methods include show(), hide(), addClass(), removeClass(), and more. - Events like click and change can have callback functions attached via jQuery. AJAX requests allow asynchronous data retrieval without page reloads. - jQuery handles cross-browser compatibility and provides a consistent

JqueryFridz Felisco

The document discusses why jQuery is a useful library. It notes that jQuery code is very easy to use and accomplishes a lot with only a few lines. It also provides powerful DOM manipulation, AJAX capabilities, and basic animations without much overhead. jQuery was released in 2006 and grew rapidly in popularity due to playing well with other libraries, built-in support for common tasks like AJAX, and producing succinct, readable code in a small file size.

Upstate CSCI 450 jQueryDanWooster1

This document provides an overview of jQuery, a popular JavaScript library. It discusses what jQuery is, why it is useful, how it simplifies DOM manipulation and event handling in JavaScript. Some key points made include: - jQuery greatly simplifies JavaScript programming and makes it easier to select and manipulate DOM elements. - It takes common tasks like AJAX calls and makes them easier with single line methods. - jQuery works cross-browser so code runs the same in all major browsers. - It remains relevant, used on 77% of top websites according to BuiltWith. The document also provides examples and instructions for including jQuery in a website, selecting elements, and manipulating and animating content.

JavaScript!RTigger

jQuerybriannareedesign

jQuery is a JavaScript library that simplifies HTML document traversal, event handling, animating, and Ajax interactions. It is lightweight at only 31KB, cross-browser compatible, and easy to install and use. Many large companies and websites use jQuery for menus, galleries, animations, interactive content, and anything that can normally be done with plain JavaScript. To use jQuery, download the library from jquery.com and reference it with a script tag in the HTML page.

jQuery Mobile IntroductionJoris Graaumans

Difference between wcf and asp.net web apiUmar Ali

WCF is Microsoft's unified programming model for building service-oriented applications that supports multiple transport protocols and message exchange patterns. It enables building secure and reliable services that can integrate across platforms. ASP.NET Web API is a framework for building HTTP services and is optimized for browser and mobile access. It only supports HTTP protocol but provides MVC features like routing and controllers. WCF supports advanced protocols like reliable messaging while ASP.NET Web API is best for resource-oriented HTTP services that need to support a broad range of clients. The document compares key differences between WCF and ASP.NET Web API across areas like protocols, hosting, description, and when to choose each technology.

Difference between ActionResult() and ViewResult()Umar Ali

ActionResult() is an abstract base class that defines the general result type for MVC actions. ViewResult() is a concrete subclass of ActionResult() that renders a specified view to the response stream. Some key subtypes of ActionResult() include ViewResult(), PartialViewResult(), EmptyResult(), RedirectResult(), and JsonResult(). ActionResult() allows for polymorphism and dynamic behavior by returning different result types from an action. It should be used as the return type when an action may have different behaviors, while ViewResult() can be used when an action will definitely return a view.

More Related Content

Similar to Difference between java script and jquery (20)

J query b_dotnet_ug_meet_12_may_2012ghnash

Jqueryreddivarihareesh

Web2.0 with jQuery in EnglishLau Bech Lauritzen

Week 05 Web, App and Javascript_Brandon, S.H. WuAppUniverz Org

J query mobile tech talkwoliverj

Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)Thinkful

Write Less Do MoreRemy Sharp

J query presentationsawarkar17

J query presentationakanksha17

User Interface Development with jQuerycolinbdclark

How I Learned to Stop Worrying and Love jQuery (Jan 2013)David Giard

Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...mouhlirusake

JS Libraries and jQuery OverviewAleksandr Motsjonov

Devdays Seattle jQuery Intro for Developerscody lindley

Week 4 - jQuery + Ajaxbaygross

JqueryFridz Felisco

Upstate CSCI 450 jQueryDanWooster1

JavaScript!RTigger

jQuerybriannareedesign

jQuery Mobile IntroductionJoris Graaumans

J query b_dotnet_ug_meet_12_may_2012ghnash

Jqueryreddivarihareesh

Web2.0 with jQuery in EnglishLau Bech Lauritzen

Week 05 Web, App and Javascript_Brandon, S.H. WuAppUniverz Org

J query mobile tech talkwoliverj

Build a Web App with JavaScript and jQuery (5:18:17, Los Angeles)Thinkful

Write Less Do MoreRemy Sharp

J query presentationsawarkar17

J query presentationakanksha17

User Interface Development with jQuerycolinbdclark

How I Learned to Stop Worrying and Love jQuery (Jan 2013)David Giard

Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...mouhlirusake

JS Libraries and jQuery OverviewAleksandr Motsjonov

Devdays Seattle jQuery Intro for Developerscody lindley

Week 4 - jQuery + Ajaxbaygross

JqueryFridz Felisco

Upstate CSCI 450 jQueryDanWooster1

JavaScript!RTigger

jQuerybriannareedesign

jQuery Mobile IntroductionJoris Graaumans

More from Umar Ali (20)

Difference between wcf and asp.net web apiUmar Ali

Difference between ActionResult() and ViewResult()Umar Ali

Difference between asp.net mvc 3 and asp.net mvc 4Umar Ali

The document compares ASP.NET MVC 3 and ASP.NET MVC 4 across 12 categories. Some key differences include: - Bundling and minification, display modes, and custom controller locations are only supported in MVC 4. - The empty project template is truly empty in MVC 4, unlike MVC 3. - Features like WebSockets, SignalR, recipes, mobile project templates, and Web API are new to MVC 4. - Asynchronous controller implementation is simpler using async/await in MVC 4 versus AsyncController in MVC 3. - MVC 4 has better support for Azure, Facebook/Twitter authentication, and various new project templates.

Difference between asp.net web api and asp.net mvcUmar Ali

The document compares ASP.NET Web API and ASP.NET MVC. ASP.NET Web API is focused on outputting raw data through HTTP services, while ASP.NET MVC is focused on outputting HTML views. Some key differences include: ASP.NET Web API assumes data comes from the query string or form body, while MVC assumes multiple sources; Web API supports content negotiation and self-hosting, while MVC does not; and Web API is better for non-browser clients while MVC is optimized for browsers. Both can be used together in a single project.

Difference between asp.net web forms and asp.net mvcUmar Ali

The document compares ASP.NET WebForms and ASP.NET MVC across 14 criteria. Some key differences include: - ASP.NET WebForms uses a "Page Controller" pattern where each page has a code-behind class controller, while ASP.NET MVC uses a "Front Controller" pattern with a single central controller. - ASP.NET WebForms is tightly coupled with the controller dependent on the view, while ASP.NET MVC is loosely coupled with separate and independent controller and view. - This loose coupling makes ASP.NET MVC easier to test through test-driven development compared to WebForms. - ASP.NET MVC gives developers full control over HTML, JavaScript and

ASP.NET MVC difference between questions list 1Umar Ali

The document lists 41 questions asking about differences between various concepts in ASP.NET MVC, web development and design patterns including: - Differences between MVC and MVP, ViewBag and ViewData, routing in webforms vs MVC, MVC and Web API, Razor and ASPX view engines, MVC and Web Forms. - Differences between TempData and Session, MVC project templates, asynchronous controller implementations between MVC versions. - Differences between ways to render views and redirect in MVC, ViewData vs ViewBag vs TempData vs Session, ActionResult and ViewResult. - Differences between MVC versions, partial and strongly typed views, MVC vs MVP vs M

Link checkers 1Umar Ali

Affiliate Networks Sites-1Umar Ali

This document lists the Alexa global rankings and brief descriptions of various affiliate marketing network sites. It includes top-ranking sites like Google and Amazon affiliates as well as smaller networks ranging from the hundreds to tens of thousands in global rank. The document provides a high-level overview of major affiliate networks for people to consider and get more details by visiting the listed sites.

Technical Video Training Sites- 1Umar Ali

This document lists the Alexa global rankings and brief details of various online learning and tutorial sites. The top ranked sites include TutsPlus at 1,062, Lynda at 2,495, and Udemy at 5,818. Other popular sites mentioned are Teamtreehouse, Video2Brain, Pluralsight, Informit, VTC, Infiniteskills, Total Training, Educator, and Tekpub. The document directs to a site for further updates on global rankings of online learning sites.

US News Sites- 1 Umar Ali

How to create user friendly file hosting link sitesUmar Ali

This document provides tips for creating effective file hosting link sites using WordPress. It recommends using responsive themes for mobile access, creating unique content to improve search engine indexing, keeping posts SEO optimized with plugins, adding image alt text, checking links before posting with checker tools, removing broken links daily with plugins, and regularly updating dead links to maintain a high number of working downloads. The goal is to effectively share verified file links across devices while maintaining good rankings over time.

Weak hadiths in tamilUmar Ali

Bulughul Maram in tamilUmar Ali

This document contains 23 hadith (sayings or traditions of the Prophet Muhammad) related to purification and cleanliness as narrated by various Sahabah (companions of the Prophet). The hadith cover topics like the parts of the body to be washed during purification, maintaining cleanliness in the home and clothes, and the virtues of being clean. The hadith are brief, usually only a few sentences, and emphasize the importance of physical and spiritual purification in Islam.

Asp.net website usage and job trendsUmar Ali

Indian news sites- 1 Umar Ali

Photo sharing sites- 1 Umar Ali

File hosting search enginesUmar Ali

Ajax difference faqs compiled- 1Umar Ali

AJAX allows asynchronous data loading without page reloads, while jQuery is a JavaScript library that simplifies AJAX calls and DOM manipulation. AJAX uses multiple technologies like CSS, HTML, DOM to provide new functionality by combining server-side processing with client-side changes. jQuery can access the front-end more easily without needing to understand the full AJAX procedure. AJAX can overload servers due to many connections, while jQuery is lighter weight and causes less overload.

ADO.NET difference faqs compiled- 1Umar Ali

The document discusses several differences between ADO.NET concepts including: 1) DataReader allows reading one record at a time in a forward-only manner while DataAdapter allows navigating records and updating data in a disconnected manner. 2) DataSet allows caching and manipulating disconnected data across multiple tables while DataReader requires an open connection and only retrieves data from a single query. 3) DataSet.Copy() copies both structure and data of a DataSet while DataSet.Clone() only copies the structure without any data. 4) ADO.NET uses XML, disconnected architecture, and the DataSet object while classic ADO uses binary format, requires active connections, and the Recordset object.

Dotnet differences compiled -1Umar Ali

Difference between wcf and asp.net web apiUmar Ali

Difference between ActionResult() and ViewResult()Umar Ali

Difference between asp.net mvc 3 and asp.net mvc 4Umar Ali

Difference between asp.net web api and asp.net mvcUmar Ali

Difference between asp.net web forms and asp.net mvcUmar Ali

ASP.NET MVC difference between questions list 1Umar Ali

Link checkers 1Umar Ali

Affiliate Networks Sites-1Umar Ali

Technical Video Training Sites- 1Umar Ali

US News Sites- 1 Umar Ali

How to create user friendly file hosting link sitesUmar Ali

Weak hadiths in tamilUmar Ali

Bulughul Maram in tamilUmar Ali

Asp.net website usage and job trendsUmar Ali

Indian news sites- 1 Umar Ali

Photo sharing sites- 1 Umar Ali

File hosting search enginesUmar Ali

Ajax difference faqs compiled- 1Umar Ali

ADO.NET difference faqs compiled- 1Umar Ali

Dotnet differences compiled -1Umar Ali

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/

Difference between java script and jquery

Recommended

More Related Content

Similar to Difference between java script and jquery (20)

More from Umar Ali (20)

Difference between java script and jquery