The jQuery 1.10.0 library is loaded up and ready to go. Open your browser's JavaScript console and start experimenting.
Here are some ideas:
- Change the checkerboard color with the .css() function (hint: it's made of "td" tags with classes named "even" and "odd")
- Fill in every checkerboard square with an X using the .html() function.
- Make this box (id="instructions") .fadeIn(), .fadeOut(), .slideUp() and .slideDown().
- This box has the "position:absolute" property. Make it slide around with the .animate() function.
- Now make it slide around and change size at the same time. Can you make it seem to "fold up" downwards?
- Exchange the "odd" and "even" squares using .addClass() and .removeClass().
- Change the foreground and background color of the id="heading" element at the same time using chaining.
- Change this link (id="googlelink") so that it goes somewhere else using the .attr() function.
- Go to the jQuery API and find at least 5 more cool things you can do.