11
INTRODUCING JQUERY The Write Less, Do More JavaScript Library

Introducing jQuery

Embed Size (px)

Citation preview

Page 1: Introducing jQuery

INTRODUCING JQUERYThe Write Less, Do More JavaScript Library

Page 2: Introducing jQuery

Working Server Side

Page 3: Introducing jQuery

Pros and Cons of JavaScript

Page 4: Introducing jQuery

Pros and Cons of jQuery

Page 5: Introducing jQuery

jQuery to the Rescue

JavaScript library Developed and tested to be cross-

browser compatible Easily traverses DOM using CSS

selectors Can use Google or Microsoft CDN for fast

download and caching

Page 6: Introducing jQuery

jQuery Advantages

Free Open Source Software Fully documented Builds on existing knowledge of CSS Huge community Many plugins

Page 7: Introducing jQuery

jQuery UI

Powerful set of plugins and themes Complete widgets Low-level interactions Theme easily customized to match your site

Page 8: Introducing jQuery

Keys to jQuery Syntax

jQuery is JavaScript Start jQuery calls with $ Use CSS selector syntax to refer to

document elements Chain multiple jQuery calls together

using dot syntax

Page 9: Introducing jQuery

Examples

Accordian-style FAQ Slide show Form validation Dialog box with jQuery UI Goal tracking dashboard

Page 10: Introducing jQuery

Things to watch for

How to include jQuery on a web page Using selector syntax Chaining Using a jQuery plug-in

Page 11: Introducing jQuery

Resources

http://jquery.com/ http://tinyurl.com/jQueryVideos http://weblogs.asp.net/scottgu/archive/2

009/09/15/announcing-the-microsoft-ajax-cdn.aspx