Turning Learners Into Developers
Codekilla
CODEKILLA
// course.jquery

jQuery

Write less JavaScript — get more polished interactions.

jQuery · Intermediate 2 weeks 87 lessons 1 examples Certificate on completion

Quickly add smooth effects, AJAX, and cross-browser compatible scripts.

// 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
unlock.everything()
Go Pro

The first 5 lessons of every course are free — Pro opens the full curriculum, forever.

  • All 87 lessons in jQuery
  • Every other course on Codekilla too
  • AI tutor, viva & exam prep sets
  • Verified certificate on completion
Subscribe to ProTry the free lessons first
✓ Cancel anytime
✓ Instant access after payment
✓ Community support 24/7