What is jQuery? JQuery as defined by their own website says it is a:
jQuery - in a nutshell:
- We use the jQuery $( ) identifier to capture HTML elements. Like so:
- Then we tie the element to a jQuery method of our choosing to capture events and change that element (or a different element). Some examples include the
- Finally, we tie the element to a jQuery method of our choosing to capture events and change that element. For example you might use:
Captain Planet Example
Watch him grow, shrink, move, become invisible and destroy the world (a special touch). This uses the
.animate() methods to capture user clicks and then animate those things.
See the Pen Bootcamp_4.2_CaptainPlanet by Nigel Finley (@Nfinleymusic) on CodePen.
Fridge Magnet Example
In this example, have fun moving these letters on and off the fridge. This is primarily using jQuery code like the
.append() method to add the letters to the fridge and the
.empty() method to remove by calling an html id.
See the Pen Bootcamp_4.2_FridgeMagnets by Nigel Finley (@Nfinleymusic) on CodePen.
Pop Star Hangman using
TO PLAY POP STARS OF THE 2000s, click HERE!
Stay tuned for next week as another game will be unveiled. Think light sabers and far away galaxies!!! Here is your not so subtle hint: