Introduction to jQuery

From Media Design: Networked & Lens-Based wiki
Jump to navigation Jump to search

Let's start looking at jQuery:

"jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
jQuery is designed to change the way that you write JavaScript."

For those who never used jQuery please read: How does jQuery work?


Assignment 1

Create one or more 200x200px 'animations' (using html elements, text, images, whatever) that runs & loops automatically (without user interaction for now...)

Paste your '200px' links here:

All jQuery code is in the page if you want to have a look...


http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo.html
http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo2.html
http://pzwart3.wdka.hro.nl/~acastro/prototyping/jquery/120419-growing-square.html
http://pzwart3.wdka.hro.nl/~acastro/prototyping/jquery/120426-moving-img.html

And view all

(I heard you like jQuery so I use some jQuery to load your jQuery)

(somebody has his 'pass' for this subject I guess)