jQuery Tutorial
A fast, easy-to-use JavaScript library that handles animations and Ajax requests.
- This lesson uses JavaScript version ES5.
- Before starting this jQuery lesson, we recommend completing the ES5 lesson.
List of Lessons to Learn jQuery
This is a list of jQuery lessons where you can start learning immediately without environment setup.
Study
jQuery I
Estimated 2h25m
0%
jQuery is an easy-to-use JavaScript library that lets you add animations to your web page. We'll be learning the basics of the library in this lesson. ※ This lesson uses JavaScrip...
What You Can Learn in This Lesson
-
1. jQuery Basics
-
Getting Started
-
Using Methods
-
Adding Animation
-
classes and ids
-
Showing an element
-
-
2. Using Events
-
The click Event
-
The css Method
-
The text and html Methods
-
this
-
Variables and Method Chaining
-
-
3. Finding Elements
-
find and children
-
The hover Event
-
Study
jQuery II
Estimated 2h15m
0%
In this lesson, we'll be using the basics of jQuery we learned in the previous lesson to make a feature-rich, modern web site. ※ This lesson uses JavaScript version ES5.
What You Can Learn in This Lesson
-
1. Practical jQuery
-
Adding jQuery to Your Page
-
Showing a Modal
-
Showing a Modal (2)
-
Hiding a Modal
-
-
2. Practical jQuery (2)
-
Using hover
-
addClass and removeClass
-
-
3. Practical jQuery (3)
-
Accordions
-
Accordions (2)
-
Accordions (3)
-
Dojo
jQuery I
Estimated 1h30m
0%
jQuery doesn't require much memorization. It's best to just get familiar with it as you use it. We'll master the fundamentals of jQuery in this...
What You Can Learn in This Lesson
-
1. Making a Webpage with jQuery
-
Signup Modal
-
Lesson List
-
Creating an Accordion
-
Study
jQuery III
Estimated 4h30m
0%
Learn new jQuery methods and techniques while combining the JavaScript and jQuery from previous lessons to make fun and useful features! ※ This lesson uses JavaScript version ES5.
What You Can Learn in This Lesson
-
1. Making Slides
-
The eq Method
-
Changing the Selected Slide
-
The index Method
-
prev & next
-
Hide/Show with Buttons
-
Using Functions
-
The length Method
-
-
2. Working with Forms
-
Getting Element Values
-
Getting Element Values (2)
-
Getting Input Field Values
-
Getting Select Box Values
-
Checking Form Input
-
Auto-Filling Input Fields
-
Auto-Select for Select Boxes
-
-
3. Adding Motion
-
Adding Animations
-
Making Internal Links
-
Adding a Scroll Animation
-
Creating a Navbar
-
Courses Related to jQuery
Expand what you can do by learning related courses.
Start the lesson from the initial state.
Warning: your code will be deleted.
Review the lesson without
resetting your code.