Jquery-intro
Intro to jQuery Course for Girl Develop It
View On GitHub
Downloads:
ZIP
TAR
Class 1 slides
Class 1 slides as a PDF
Code from Class:
Using Selectors, the text() action, and the addClass() action
Simple Functions
Fading Out an Image when you Click it
Showing & Hiding an Image
Class 2 slides
Class 2 slides as a PDF
Code from Class:
Fading an Image In with fadeIn()
Fading In an Image after 2 secondsin with fadeIn()
Changing Background Color on Mouse Enter, Mouse Leave, and Click
Swapping Two Images with click() and attr()
Basic image upload (lolcat generator)
Class 2 Homework:
Follow the directions in the comments to complete the exercise. Steps 0-2 have already been completed for you, please complete steps 3-6:
http://jsbin.com/etaqon/1/edit
If you get stuck, consult the solution:
http://jsbin.com/etaqon/2/edit
Class 3 slides
Class 3 slides as a PDF
animate() Lab: (
Starting Point
) (
Solution
)
jQuery UI Lab: (
Starting Point
) (
Solution
)
jQuery load() (AJAX) example: (
Example Website
) (
Code
)