Introduction to jQuery: Difference between revisions
No edit summary |
Andrecastro (talk | contribs) |
||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
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. <br /> | |||
jQuery is designed to change the way that you write JavaScript." | |||
For those who never used jQuery please read: | |||
[http://docs.jquery.com/How_jQuery_Works 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... | |||
<span id='testlinks'> | <span id='testlinks'> | ||
http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo.html <br /> | http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo.html <br /> | ||
http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo2.html | http://pzwart3.wdka.hro.nl/~tklok/js/jquerytimo2.html <br /> | ||
http://pzwart3.wdka.hro.nl/~acastro/prototyping/jquery/120419-growing-square.html <br /> | |||
http://pzwart3.wdka.hro.nl/~acastro/prototyping/jquery/120426-moving-img.html <br /> | |||
</span> | </span> | ||
== And view all == | |||
* [http://pzwart3.wdka.hro.nl/~tklok/js/ here] | |||
(I heard you like jQuery so I use some jQuery to load your jQuery) | |||
* [http://sebastianschmieg.com/alljqueryeffects Sebastian's 'all jquery effects'] | |||
(somebody has his 'pass' for this subject I guess) | |||
Latest revision as of 17:04, 27 April 2012
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)