1. jQuery Mobile
Hour 3
Using the jQuery Framework
about.me/babon

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. 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. 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. 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. Using jQuery's Chaining
To be covered later.
about.me/babon

7. Adding Custom Animation
Two examples:
resizing_element.html
moving_element.html
about.me/babon