jQuery Tutorial
A fast, easy-to-use JavaScript library that handles animations and Ajax requests.
-
4 Lessons
-
0 Articles
-
Estimated 11 hours
- 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.
jQuery I Plus
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...
Estimated 2h25m
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
-
jQuery II Plus
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.
Estimated 2h15m
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)
-
jQuery I Dojo Plus
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...
Estimated 1h30m
What You Can Learn in This Lesson
-
1. Making a Webpage with jQuery
-
Signup Modal
-
Lesson List
-
Creating an Accordion
-
jQuery III Plus
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.
Estimated 4h30m
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.