Introducing jQuery
-
Upload
nathanasmith -
Category
Technology
-
view
1.398 -
download
0
Transcript of Introducing jQuery
![Page 1: Introducing jQuery](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/1.jpg)
INTRODUCING JQUERYThe Write Less, Do More JavaScript Library
![Page 2: Introducing jQuery](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/2.jpg)
Working Server Side
![Page 3: Introducing jQuery](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/3.jpg)
Pros and Cons of JavaScript
![Page 4: Introducing jQuery](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/4.jpg)
Pros and Cons of jQuery
![Page 5: Introducing jQuery](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/5.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/6.jpg)
jQuery Advantages
Free Open Source Software Fully documented Builds on existing knowledge of CSS Huge community Many plugins
![Page 7: Introducing jQuery](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/7.jpg)
jQuery UI
Powerful set of plugins and themes Complete widgets Low-level interactions Theme easily customized to match your site
![Page 8: Introducing jQuery](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/8.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/9.jpg)
Examples
Accordian-style FAQ Slide show Form validation Dialog box with jQuery UI Goal tracking dashboard
![Page 10: Introducing jQuery](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/10.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062319/5558be79d8b42aa52a8b50c7/html5/thumbnails/11.jpg)
Resources
http://jquery.com/ http://tinyurl.com/jQueryVideos http://weblogs.asp.net/scottgu/archive/2
009/09/15/announcing-the-microsoft-ajax-cdn.aspx