jQuery·Intermediate
jQuery
Write less JavaScript — get more polished interactions.
Quickly add smooth effects, AJAX, and cross-browser compatible scripts.
2 weeks
87 lessons
1 examples
Certificate on completion
// preview.jquery
jquery
$(document).ready(() => {
$('.btn').on('click', () => alert('Clicked!'));
});# curriculum
0 / 87 lessons·0% complete
01What is jQuery?02Why Use jQuery?03jQuery vs Vanilla JS04Installing jQuery05Your First jQuery Program06jQuery Versions & Migration07jQuery Syntax08The Document Ready Event09The $ Function Explained10jQuery Chaining11Element Selector12ID Selector13Class Selector14Universal Selector15Multiple Selectors16Hierarchy Selectors17Attribute Selectors18Basic Filters19Content Filters20Form Selectors21Introduction to Events22The on() Method23The off() Method24Mouse Events25Keyboard Events26Form Events27Window Events28Event Delegation29The Event Object30show() and hide()31toggle()32fadeIn() and fadeOut()33fadeToggle() and fadeTo()34slideDown() and slideUp()35animate()36stop() and finish()37Callbacks & Animation Queue38html() vs text() vs val()39attr() and removeAttr()40prop() vs attr()41data() — jQuery Data Store42addClass / removeClass / toggleClass43append() and prepend()44before() and after()45remove() and empty()46clone()47wrap() and unwrap()48replaceWith() and replaceAll()49Creating New Elements50css() Getter & Setter51width() and height()52innerWidth, outerWidth, innerHeight, outerHeight53offset() and position()54scrollTop() and scrollLeft()55Introduction to Traversing56parent(), parents(), parentsUntil()57children() and find()58siblings(), next(), prev()59filter() and not()60first(), last(), eq()61has(), is(), closest()62end() and addBack()63Introduction to AJAX64load()65$.get() and $.post()66$.ajax() — The Full API67$.getJSON()68$.getScript()69serialize() and serializeArray()70Global AJAX Events71Deferred & Promises72$.ajaxSetup()73$.each()74$.map()75$.grep()76$.extend()77Type-Check Utilities78$.trim(), $.noop(), $.now()79Introduction to Plugins80Writing Your First Plugin81jQuery UI Overview82Popular Plugins You'll Meet83Performance & Best Practices84Caching Selectors85jQuery Promises (Deferred)86Deprecated Features (v3+)87Migrating to Modern JS
enroll.now()
Free
Full access. No credit card.
✓ Lifetime access
✓ Code along with projects
✓ Community support 24/7