Duration
5 days
Overview
jQuery is a JavaScript toolkit that significantly simplifies rich web based application development. This course teaches a developer all aspects of jQuery based application development. The class is not specific to any vendor's platform and it equally applies to Java, .NET, PHP etc. All labs are done using plain web server and editor.
Introduction
- What You Should Already Know
- What is jQuery ?
- Adding the jQuery Library to Your Pages
- Basic jQuery Example
- Downloading jQuery
- Alternatives to Downloading
- jQuery Syntax
- The Document Ready Function
- How to use Custom Scripts?
- Using Multiple Libraries
- jQuery – noConflict() Method
jQuery – Basics
- String:
- Numbers:
- Boolean:
- Objects:
- Arrays:
- Functions:
- Arguments:
- Scope:
- Built-in Functions:
jQuery – Selectors
- jQuery – CSS Element Selector
- jQuery – CSS Element ID Selector
- jQuery – CSS Element Class Selector
- jQuery – CSS Universal Selector
- jQuery – CSS Multiple Elements E, F, G Selector
- jQuery Callback Functions
jQuery – DOM Attributes
- Get Attribute Value:
- Set Attribute Value:
jQuery – DOM Traversing
- Find Elements by index:
- Filtering out Elements:
- Locating Descendent Elements :
- JQuery DOM Traversing Methods:
jQuery – CSS Methods
- Apply CSS Properties:
- Apply Multiple CSS Properties:
- Setting Element Width & Height:
- JQuery CSS Methods:
jQuery – DOM Manipulation Methods
- Content Manipulation:
- DOM Element Replacement:
- Removing DOM Elements:
- Inserting DOM elements:
- DOM Manipulation Methods:
jQuery – Events Handling
- Binding event handlers:
- Removing event handlers:
- Event Types:
- The Event Object:
- The Event Attributes:
jQuery – Effects
- JQuery Effect Methods:
- jQuery Hide and Show
- jQuery Toggle
- jQuery Slide – slideDown, slideUp, slideToggle
- jQuery Fade – fadeIn, fadeOut, fadeTo
- jQuery Custom Animations
jQuery – AJAX
- load()
- get()
- post()
- ajax()
jQuery – JSON
- getJSON()
Programme scope, delivery arrangements and suitability are confirmed during enquiry.