jQuery Mobile Hour 3

164 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
164
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

jQuery Mobile Hour 3

  1. 1. jQuery Mobile Hour 3Using the jQuery Framework about.me/babon
  2. 2. What Youll Learn in Hour 3+ How to include jQuery in your site+ How to use jQuery selectors+ How to include & use the jQuery framework about.me/babon
  3. 3. Including jQuery in Your SiteGo to jQuery.comOptions:● download current version (v1.9.1)● link to current version (v1.9.1)http://code.jquery.com/jquery-1.9.1.min.jshttp://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js about.me/babon
  4. 4. Making Your Selection<script type="text/javascript" src="#"></script><script type="text/javascript> $(document).ready(function() { // jQuery code goes here });</script> about.me/babon
  5. 5. Binding an Event<script type="text/javascript" src="#"></script><script type="text/javascript> $(document).ready(function() { $("#btnAlert").click(function() { alert("Your clicked the button!"); } });</script> about.me/babon
  6. 6. Using jQuerys ChainingTo be covered later. about.me/babon
  7. 7. Adding Custom AnimationTwo examples:resizing_element.htmlmoving_element.html about.me/babon

×