Facets Demo New Batches Starting from Saturday... 22-10-2016
Search Course Here

Live Chat
JQuery Online Training



jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. It was released in January 2006 at BarCamp NYC by John Resig. It is currently developed by a team of developers led by Dave Methvin. Used by over 80% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.

jQuery is free, open source software, licensed under the MIT License.jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and web applications.


  • All attendees should have a basic knowledge of DOM Manipulations, Ajax.


  • It is a 16 days program and extends up to 2hrs each.
  • The format is 20% theory, 80% Hands-on.

  • It is a 4 days program and extends up to 8hrs each.
  • The format is 20% theory, 80% Hands-on.
    Private Classroom arranged on request and minimum attendies for batch is 4.

course content

  • jQuery Introduction
    • Target Background
    • References
    • Unit Topics
    • What Is jQuery?
    • Benefits of Using a JavaScript Library
    • jQuery Example
    • CSS Selectors
    • How to Use jQuery
    • Practical Usage Notes
    • Background – DOM
    • Background - DOM Ready Events
    • Background - JavaScript Functions
    • The jQuery Function Object
    • What Does the $() Function Take as Argument?
    • What Does the $() Function do?
    • The jQuery Wrapper
    • The jQuery Wrapper as an Array-Like Object
    • Note: innerHTML() vs. .html()
    • jQuery Wrapper Chaining
    • API Function Notation
    • Handling DOM Ready Event
    • xhtml Note
  • Selectors
    • Background: The Sizzle Selector Engine
    • Selecting Elements by Attribute
    • Pseudo-Selectors
    • Form Pseudo-Selectors
    • Faster Selection
    • Selecting Elements Using Relationships
    • Selecting Elements Using Filters
    • More on Chaining: .end()
    • Testing Elements
    • Is the Selection Empty?
    • Saving Selections
    • Iterating Through Selected Elements Using .each()
    • JavaScript Methods
    • JavaScript "this"
    • Function Context
    • The Function call() Method
    • .each() Revisited
  • Style Class Manipulation
    • Two Options
    • Specifying Style Properties
    • Setting Style Properties
    • .addClass() / .removeClass()
    • Defining a Stylesheet
    • Setting & Getting Dimensions
    • Attributes
  • DOM Manipulation
    • The $ Function Revisited
    • Getters and Setters
    • The text() Element Method
    • Appending DOM Elements
    • Removing DOM Elements
    • Performance
  • Events
    • Event Overview
    • Old School: Event Handling Using HTML Element Attributes
    • Unobtrusive JavaScript
    • Unobtrusive JavaScript Example
    • Multiple Handlers
    • Using jQuery Wrapper Event Registration Methods
    • The .bind() Method
    • Event Propagation
    • Handlers for Elements Before They Exist!
    • The Event Object
    • Triggering Events
  • Utility Functions
    • The jQuery Object Revisited
    • Functions May Have Methods
    • A jQuery Utility Function: $.trim()
    • $.each()
    • Example jQuery Utility Functions
  • Ajax
    • Ajax Overview
    • The Browser & the Server
    • The Ajax Request
    • The Ajax Response
    • Sending an Ajax Request With jQuery - The General Case
    • When this code is executed…
    • Sending an Ajax Request With jQuery - Simpler, Typical Case
    • Data Types
    • The .data() method
  • Advanced Ajax
    • A Form Example
    • An Ajax Form Example
    • Serialize()
    • Get vs. Post
    • More on Query Strings
    • ajaxStart() and ajaxError()
  • Animations and Effects with jQuery and jQuery UI
    • What is jQuery UI?
    • Can I do Animations and Effects using jQuery only?
    • Hiding Elements with jQuery
    • Using .hide() and .show() in jQuery
    • Alternating an Element's Visibility in jQuery
    • Adjusting the Speed in jQuery
    • Providing a Handler in jQuery
    • Using .slideUp() / .slideDown() methods in jQuery
    • jQuery UI Categories
    • jQuery UI Interactions: Droppable and Draggable
    • Droppable and Draggable More Complete Exampl
    • jQuery UI Widgets: Datepicker
    • jQuery UI Widgets: Autocomplete
  • Parsing JSON
    • JSON
    • Reading JSON from the Server Using Ajax
    • Example file contents
    • Using the Results
    • Optimized Version
    • Getting More From the Response
    • jqXHR Methods
    • POST vs. GET
    • Invalid JSON
    • Using $.ajaxSetup()
  • Plugins
    • What is a plugin?
    • Goal
    • Self-Executing Anonymous Functions
    • Meeting Our Goal
    • Prototype Objects
    • The jQuery Wrapper Class Revisited
    • Example Plugin
    • Using the Plugin


JQuery videos will be updated soon
To Watch More Videos Click Here

Flash News

AngularJS New Batch Start From 09th OCT & 10th OCT.

Hadoop Dev New Batch Start From 10th OCT & 11th OCT.

IBM COGNOS TM New Batch Start From 11th OCT & 12th OCT.

Informatica Dev New Batch Start From 12th OCT & 13th OCT.

Mean Stack New Batch Start 13th OCT & 14th OCT.

SAP BODS new Batch Starting From 14th OCT & 15th OCT.

SAP S/4 HANA New Batch Start From 15th OCT & 16th OCT

Tableau New Batch Start From 16th OCT & 17th OCT


Facets Demo Training

Demo Schedule : 08:30P.M EST / 07:30P.M CST / 05:30P.M PST on 21st OCT & 06:00A.M IST on 22nd OCT
Email :
Rediff Bol :
Google Talk :
MSN Messenger :
Yahoo Messenger :
Skype Talk :