Jquery web dev workshop technocracy

727 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
727
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Jquery web dev workshop technocracy

  1. 1.
  2. 2. What is jQuery?<br /><ul><li>Released in 2006
  3. 3. JavaScript Framework
  4. 4.  Used by over 27% of the 10,000 most visited websites</li></li></ul><li>Write less, Do more<br />
  5. 5. How to use jQuery?<br />[selector].[function]<br />
  6. 6. Selector<br />$(#id or element)<br />
  7. 7. Attributes<br />Get and set DOM attributes of elements.<br />addClass<br />removeClass<br />toggleClass<br />html()<br />text()<br />
  8. 8. Effects<br />Adding Animation/Effects to elements<br />animate()<br />clearQueue();<br />delay();<br />dequeue();<br />fadeIn()<br />fadeOut()<br />fadeTo();<br />hide();<br />show();<br />slideUp();<br />stop();<br />Toggle();<br />
  9. 9. Events<br />Handling events through jQuery<br />Blur();<br />Change();<br />Click();<br />Dblclick();<br />Error();<br />Focus();<br />Keydown();<br />Keypress();<br />Keyup();<br />Load();<br />Mousedown();<br />Mousemove();<br />Mouseout();<br />Mouseover();<br />Mouseup();<br />Resize();<br />
  10. 10. AJAX<br />Asynchronous JavaScript and XML<br />
  11. 11. AJAX<br />Asynchronous JavaScript and XML<br />$.get<br />$.post<br />
  12. 12. Further Reading<br /><ul><li>jqueryUI
  13. 13. jqueryPlugins
  14. 14. core jQuery</li></li></ul><li>Thank You.<br />

×