E-Tutorial
Sign In Get Started
Tutorials Courses Interview Prep (100 Q&A) AI Tools (50) Developer Tools (50) Tracks Pricing Plans Blog & Articles Contact Us
Home / Courses / jQuery / Complete jQuery DOM & AJAX Tutorial
jQuery Beginner Free Course

Complete jQuery DOM & AJAX Tutorial

Master jQuery selectors, event handlers, animations, dynamic DOM alterations, and asynchronous AJAX HTTP calls.

14 hours 55 Lessons Certificate (Pass Score: 75%)
Start Course Free

What's Included

  • Full step-by-step interactive reader
  • Practice exercises with solutions
  • Quizzes & Knowledge Assessments
  • Verifiable Digital PDF Certificate
A

Alex Morgan (Senior Engineer)

Lead Instructor

Curriculum & Chapters

jQuery Syntax, $(document).ready() & Selectors
12 mins Free
jQuery Event Handling & Event Delegation
14 mins Free
jQuery DOM Manipulation & Content Get/Set
14 mins Free
jQuery Effects & Animations
15 mins Free
jQuery AJAX: Fetching & Sending Server Data
18 mins Free
Introduction to jQuery, CDN Setup & $(document).ready()
15 mins Free
jQuery Element, Class & ID Selectors
15 mins Free
jQuery Attribute Selectors ($("[data-role=button]"))
15 mins Free
jQuery Hierarchy Selectors (Parent, Child, Siblings)
15 mins Free
jQuery Basic Filter Selectors (:first, :last, :even, :odd)
15 mins Free
jQuery Content Filter Selectors (:contains, :empty, :has, :parent)
15 mins Free
jQuery Visibility & Form Selectors (:hidden, :visible, :input, :checked)
15 mins Free
Traversing Ancestors: .parent(), .parents(), .closest()
15 mins Free
Traversing Descendants: .children() & .find()
15 mins Free
Traversing Siblings: .siblings(), .next(), .prev(), .nextAll()
15 mins Free
Filtering Selection Sets: .first(), .last(), .eq(), .filter(), .not()
15 mins Free
Checking Elements with .is() & .has()
15 mins Free
Iterating Element Collections with .each()
15 mins Free
Mapping Collections with $.map() & .map()
15 mins Free
Getting and Setting Text & HTML (.text(), .html())
15 mins Free
Form Value Operations (.val()) for Inputs, Selects & Radios
15 mins Free
Getting and Setting Attributes & Properties (.attr() vs .prop())
15 mins Free
Inserting Elements Inside: .append(), .prepend(), .appendTo()
15 mins Free
Inserting Elements Outside: .after(), .before(), .insertAfter()
15 mins Free
Wrapping Elements: .wrap(), .wrapAll(), .unwrap()
15 mins Free
Removing & Emptying Elements: .remove(), .empty(), .detach()
15 mins Free
Cloning Elements with Events: .clone(true)
15 mins Free
CSS Class Manipulation (.addClass(), .removeClass(), .toggleClass())
15 mins Free
Checking Classes with .hasClass()
15 mins Free
Direct CSS Styling (.css()) with Single & Multi-Property Objects
15 mins Free
Element Dimensions: .width(), .height(), .innerWidth(), .outerWidth()
15 mins Free
Element Coordinates & Scrolling: .offset(), .position(), .scrollTop()
15 mins Free
Data Storage & Retrieval with .data() API
15 mins Free
Attaching Events with .on() & Removing Events with .off()
15 mins Free
Event Delegation for Dynamically Added Elements ($("#list").on("click", ".item"))
15 mins Free
Mouse Events: .click(), .dblclick(), .mouseenter(), .mouseleave(), .hover()
15 mins Free
Keyboard Events: .keydown(), .keypress(), .keyup() & Key Codes
15 mins Free
Form Events: .submit(), .change(), .focus(), .blur()
15 mins Free
The jQuery Event Object: event.preventDefault() & event.stopPropagation()
15 mins Free
One-Time Event Handlers with .one()
15 mins Free
Triggering Events Programmatically (.trigger() & .triggerHandler())
15 mins Free
Showing and Hiding Elements (.show(), .hide(), .toggle())
15 mins Free
Fading Effects (.fadeIn(), .fadeOut(), .fadeToggle(), .fadeTo())
15 mins Free
Sliding Effects (.slideDown(), .slideUp(), .slideToggle())
15 mins Free
Custom Animations with .animate() & Relative Numeric Values
15 mins Free
Stopping Animations & Clearing Queues (.stop(true, true))
15 mins Free
Animation Callback Functions & Method Chaining
15 mins Free
jQuery Animation Queue Management (.queue(), .dequeue(), .delay())
15 mins Free
AJAX Quick Helpers: $.get(), $.post(), $.getJSON(), $.getScript()
15 mins Free
The Master $.ajax() Configuration Object (type, url, data, headers)
15 mins Free
Form Serialization for AJAX (.serialize() & .serializeArray())
15 mins Free
Global AJAX Event Listeners (ajaxStart, ajaxStop, ajaxError)
15 mins Free
Promises & Deferred Objects in jQuery ($.Deferred(), .done(), .fail())
15 mins Free
Authoring Custom jQuery Plugins ($.fn.myCustomPlugin)
15 mins Free
jQuery Performance Optimization: Caching Selectors & Batch Updates
15 mins Free

Assessments & Quizzes

jQuery Fundamentals Quiz

1 Questions • Passing Score: 70%

Required for Certificate