Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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

275 views

Published on

  • Be the first to comment

  • Be the first to like this

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

×