2. About Me Kevin Griffin Chesapeake, VA ASPInsider INETA Mentor for Virginia Leader of the Hampton Roads .NET Users Group http://www.kevgriffin.com Twitter: 1kevgriff Email: kevin@kevgriffin.com
3. Mid-Atlantic Developer’s Group http://midatlanticdevs.groups.live.com Mailing list for developers based in the Mid-Atlantic region Keep up to date with what’s going on outside your group Ask questions Post jobs Network!
4. Before We Begin You’re not tied to your chair Code camps are about getting the best experience possible Questions Ask them, anytime.
5. Agenda What Is jQuery Getting jQuery Setting Up jQuery Using jQuery jQuery UI Plugins Demos! Demos! Demos!
6. What Is jQuery? JavaScript library Powerful document traversal Event handling Animations AJAX Makes JavaScript not SUCK!
13. Production vs. Development Production Minified Quick to download Impossible to read and debug Development Commented Formatted Large file
14. Deployment Tips Don’t host jQuery yourself! http://code.google.com/apis/ajaxlibs/documentation/ Numerous website use the Google version. Possibly already cached on a person’s machine. Both production and development versions are available.
15. A note about jQuery documentation It’s awesome! http://docs.jquery.com Easy to navigate and search Examples on every topic Tutorials, references, and FAQs
22. jQuery Syntax $(selector).function() $ or jQuery jQuery object selector reference to an element on the page Function Any jQuery supported method or plugin.
23. What is a selector? Think CSS! jQuery has a built in DOM transversal engine. $(selector) returns a list of elements on the page that match the “selector”. Example: $(“input”) will return a list of ALL input elements on the page.
25. $(document).ready() Fixes problems based on window.onload as a way of handling events when page is loaded. Window.onload fires only after all HTML and images have been downloaded. $(document).ready() fires as soon as all markup has been downloaded.