jQuery Mobile
Hour 3
Using the jQuery Framework
about.me/babon
What You'll Learn in Hour 3
+ How to include jQuery in your site
+ How to use jQuery selectors
+ How to include & use the ...
Including jQuery in Your Site
Go to jQuery.com
Options:
● download current version (v1.x or v2.x)
● link to current versio...
Making Your Selection
<script type="text/javascript" src="#"></script>
<script type="text/javascript>
$(document).ready(fu...
Binding an Event
<script type="text/javascript" src="#"></script>
<script type="text/javascript>
$(document).ready(functio...
Using jQuery's Chaining
To be covered later.
about.me/babon
Adding Custom Animation
Two examples:
resizing_element.html
moving_element.html
about.me/babon
Upcoming SlideShare
Loading in …5
×

jQuery Mobile Hour 3

222 views
157 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
222
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

jQuery Mobile Hour 3

  1. 1. jQuery Mobile Hour 3 Using the jQuery Framework about.me/babon
  2. 2. What You'll 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 Site Go to jQuery.com Options: ● download current version (v1.x or v2.x) ● link to current version (v1.x or v2.x) http://code.jquery.com/jquery-1.11.1.min.js http://ajax.googleapis.com/ajax/libs/jquery/1.11.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 jQuery's Chaining To be covered later. about.me/babon
  7. 7. Adding Custom Animation Two examples: resizing_element.html moving_element.html about.me/babon

×