This course will introduce you to jQuery, a framework for building interactive web pages with animations, visual effects, and advanced functionality. You will start with a brief introduction to the course and jQuery. 

Next, you will explore the core concepts in jQuery, such as event-handling, animations, and in-browser manipulation of the document object model. 

Finally, you will learn about the AJAX framework in jQuery for dynamic content loading in web pages. On top of that, you will be working on an interactive project throughout the course with quizzes and challenges at the end of each chapter.

The Complete Guide to jQuery

## Problem statement

In this challenge, the task is this: 

* When the user clicks on one of the _done_ `button` elements nested within a task, _move_ the corresponding _parent task_ element from the _"To-do"_ list to the end of the _"Done"_ list.

* Additionally, remove the done button element from the corresponding task element.

> 📝 **Note:** The done button element with an id of `done` is dynamically generated upon the addition of a new task. The click event handler `$("#done").click()` will not work so we will utilize the `on()` method.  

# Problem statement

In this challenge, the task is this: 

* When the user clicks on one of the _done_ `button` elements nested within a task, _move_ the corresponding _parent task_ element from the _"To-do"_ list to the end of the _"Done"_ list.

* Additionally, remove the done button element from the corresponding task element.

> 📝 **Note:** The done button element with an id of `done` is dynamically generated upon the addition of a new task. The click event handler `$("#done").click()` will not work so we will utilize the `on()` method.  

# Problem statement

In this challenge, the task is this: 

* When the user clicks on one of the _done_ `button` elements nested within a task, _move_ the corresponding _parent task_ element from the _"To-do"_ list to the end of the _"Done"_ list.

* Additionally, remove the done button element from the corresponding task element.

> 📝 **Note:** The done button element with an id of `done` is dynamically generated upon the addition of a new task. The click event handler `＄("#done").click()` will not work so we will utilize the `on()` method.  

Move a task from the to-do list to done when the done button corresponding to that task element is clicked.

jQuery Basics

Events and Event Handlers

DOM Traversal and Manipulation

Effects and Animations

AJAX Methods

Conclusion

Project Challenge 4: Moving a Task from To-do to Done

Problem statement