jQuery

CSCE 242

University of South Carolina


José M. Vidal [1]
http://jmvidal.cse.sc.edu/talks/jquery/ [2]

An introduction to the jQuery library.

1 Install

<html>                                                                  
  <head>                                                                  
    <script type="text/javascript" src="jquery-1.3.1.js"></script>          
    <script type="text/javascript">                                         
      // we will add our javascript code here                                     
    </script>                                                               
  </head>                                                                 
  <body>                                                                  
    <!-- we will add our HTML content here -->                                        
  </body>                                                                 
</html>

2 The Basic Idea

  1. Get a DOM element(s): $('li')
  2. Do something to it: $('li').css('color','red')
  3. Chain these: $('li').css('color','red').append('hello')
  4. $('a').click(function(){alert("Hi there")}): same goes for events

2.1 Getting A Handle on Things

2.2 Modifying Wrapped elements

3 Ready? Go!

4 Events

4.1 Event Object

5 Animations

6 Ajax

6.1 Ajax Events

7 Plugins

URLs

  1. José M. Vidal, http://jmvidal.cse.sc.edu
  2. http://jmvidal.cse.sc.edu/talks/jquery/, http://jmvidal.cse.sc.edu/talks/jquery/
  3. jQuery Tutorials, http://docs.jquery.com
  4. jQuery in Action, http://www.amazon.com/exec/obidos/ASIN/1933988355/ref=multiagentcom
  5. Selectors documentation, http://docs.jquery.com/Selectors
  6. Manipulators documentation, http://docs.jquery.com/Manipulation
  7. List of Event functions, http://docs.jquery.com/Events
  8. Event object documentation, http://docs.jquery.com/Events/jQuery.Event
  9. jquery ui plugin, http://jqueryui.com
  10. Other effects, http://docs.jquery.com/UI/Effects
  11. List of Ajax Requests, http://docs.jquery.com/Ajax
  12. Ajax Events list, http://docs.jquery.com/Ajax_Events
  13. http://docs.jquery.com/Ajax/jQuery.ajaxSetup#options
  14. List of Plugins, http://plugins.jquery.com/

This talk available at http://jmvidal.cse.sc.edu/talks/jquery/
Copyright © 2009 José M. Vidal . All rights reserved.

19 February 2009, 10:28AM