1. By : P . Mahesh Reddy
Software Engineer
20‟th Feb 2013

2.  http://buildinternet.com/live/curtains/
 http://www.willjessup.com/sandbox/jquery/r
otator/rotator.html
 http://www.spritely.net/
 http://lab.smashup.it/flip/
Impressed !!! Let’s see that jQuery

3.  Where‟d jQuery came from?
 Why is it so popular?
 How has it changed development?
 How will it drive innovation?
 Then Code!

4.  Complex
 Highly technical
 Highly dynamic
 Exponential growth

5. 5 Doctypes
3 css versions
Flash , Silverlight ,ActiveX , Java Applets
ASP(Classic) , ASP.net ,Java ,PHP ,Ruby ,Python
ColdFusion, Oracle , MySQL, Postgress ,CouchDB
MongoDB , Access
HTTP , FTP ,SMTP ,SSL ,gopher ://
Ajax , Comet, SOAP , and the REST

6.  Innovation
 Open Source
 High distribution
 Large community
 Numerous problems to solve

7.  Client side wasn't exciting
 “Unique “ browsers
The time came for Hero entry..!

8. They are craftsman
 Skilled at integration
“ Not only a Developer but also jQuery ”

9.  Leveraged existing skills
 Improved developer efficiency
 Lowered barrier to entry
 Fostered a community
 Protected it‟s core focus

10.  DOM centric JavaScript library & API
 Plugin Architecture
 $ =jQuery
Selectors:
1.$(css selectors) ,Ex:$(‘#myTable>#mytr’)
#=id,.=class
2.$(DOM Element),Ex:$(„table‟)

11. Know more at:
http://www.w3schools.com/jsref/defaul
t.asp

12. 1. HTML document traversal and
manipulation
2. Event handling
3. Effects
4. Ajax
Chaining
$(selector).action1().action2().action3();

13. Traversal: Manipulation:
.parents(expression) .appendTo(exp)
.find(expression) .prepend(content)
.prev() .prependTo(exp)
.next() .after(content)
.siblings() .before(content)
.remove()
Etc…. Etc….

15. .click()
.hover()
.dbclick()
.mouseenter()
.mouseleave()
Etc…

16. .show()
.hide()
.fadeIn()
.fadeOut()
.animate()
Etc..

17. $.ajax({url:aaa.html,data:values,etc..},success:f
unction{},complete{},error:function(){});

18.  Jqueryui.com
 http://razorjack.net/quicksand/
 http://www.jquery4u.com/function-
demos/animate/
 http://demo.tutorialzine.com/2010/06/apple
-like-retina-effect-jquery-css/demo.html