jquery web dev workshop technocracy

12

Upload: amit-gupta

Post on 15-Jan-2015

594 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Jquery web dev workshop technocracy
Page 2: Jquery web dev workshop technocracy

What is jQuery?

•Released in 2006•JavaScript Framework• Used by over 27% of the 10,000 most visited websites

Page 3: Jquery web dev workshop technocracy

Write less, Do more

Page 4: Jquery web dev workshop technocracy

How to use jQuery?

[selector].[function]

Page 5: Jquery web dev workshop technocracy

Selector

$(#id or element)

Page 6: Jquery web dev workshop technocracy

Attributes

Get and set DOM attributes of elements.

addClassremoveClasstoggleClasshtml()text()

Page 7: Jquery web dev workshop technocracy

Effects

Adding Animation/Effects to elements

animate()clearQueue();delay();dequeue();fadeIn()fadeOut()fadeTo();hide();show();

slideUp();stop();Toggle();

Page 8: Jquery web dev workshop technocracy

Events

Handling events through jQuery

Blur();Change();Click();Dblclick();Error();Focus();Keydown();Keypress();Keyup();

Load();Mousedown();Mousemove();Mouseout();Mouseover();Mouseup();Resize();

Page 9: Jquery web dev workshop technocracy

AJAX

Asynchronous JavaScript and XML

Page 10: Jquery web dev workshop technocracy

AJAX

Asynchronous JavaScript and XML

$.get$.post

Page 11: Jquery web dev workshop technocracy

Further Reading

•jqueryUI•jqueryPlugins•core jQuery

Page 12: Jquery web dev workshop technocracy

Thank You.