Learning jQuery 3 - Fifth Edition

Exercises

The following challenge exercise may require the use of the official jQuery documentation at http://api.jquery.com/.

1. When the user clicks on a photo, add or remove the selected class on the photo <div>. Make sure this behavior works even for photos added later using the Next Page link.
2. Add a new custom event called pageLoaded that fires when a new set of images has been added to the page.
3. Using the nextPage and pageLoaded handlers, show a Loading message at the bottom of the page only while a new page is being loaded.
4. Bind a mousemove handler to photos that logs the current mouse position (using console.log()).

5. Revise this handler to perform the logging no more than five times a second.
6. Challenge: Create a new special event named ...