Download - Intro to jQuery
![Page 1: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/1.jpg)
Intro to jQuery
Buffalo Barcamp - March 2009 Ralph Whitbeck (ralphwhitbeck.com)
![Page 2: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/2.jpg)
What is jQuery?
• An open source javascript library that simplifies the interaction between HTML and JavaScript.
![Page 3: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/3.jpg)
Focus of jQuery
$("div").addclass("special");
• Initiate jQuery object - $ • Find some elements - ("div")• Do something - .addclass("special")
![Page 4: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/4.jpg)
What can jQuery do?
• Selectors o Sizzle
• Attributes o attr()o addClass() o val(), html(), text()
![Page 5: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/5.jpg)
What can jQuery do?
• Traversing o .eq(), .find()
• Manipulationo .append(). appendTo(), .prepend() o .after(), .before() o .wrap()
![Page 6: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/6.jpg)
What can jQuery do?
• CSSo .css(), .width(), .height()
• Eventso .trigger(), .live()o .mouseup(), .mousedown()
• Effectso .show(), .hide()o .fadeIn(), .fadeOut()
![Page 7: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/7.jpg)
What can jQuery do?
• AJAXo .ajax()
• Utilitieso .each()
![Page 8: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/8.jpg)
jQuery is Extensible
• Thousands of plugins • Plugin Repository
o http://plugins.jquery.com
![Page 9: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/9.jpg)
jQuery UI
• Official jQuery Project• Collection of UI plugins
o Interactions Draggable Droppable
o Widgets Accordian DatePicker
o Effects Show/Hide
![Page 10: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/10.jpg)
jQuery Partners
• Googleo AJAX APIo Link to jQuery and reap the benefits in a CDN
• Microsofto Support for jQuery intellisense in Visual Studio 2008
![Page 11: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/11.jpg)
Demos
![Page 12: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/12.jpg)
How can you learn jQuery?
Books
jQuery in ActionLearning jQuery 1.3
![Page 13: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/13.jpg)
How can you learn jQuery?
Blogs • jQuery Blog (http://blog.jquery.com)• Learning jQuery (http://www.learningjquery.com/)• John Resig (http://ejohn.org) • Ralph Whitbeck (http://ralphwhitbeck.com)
![Page 14: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/14.jpg)
How can you learn jQuery?
Twitter jQuery (@jquery)
jQuery UI (@jqueryui)
jQuery Sites (@jquerysites)
John Resig (@jeresig)
Rey Bango (@reybango) Jörn Zaefferer (@bassistance) Karl Swedberg (@kswedberg) Me (@RedWolves)
Twitter Search "jQuery"
![Page 15: Intro to jQuery](https://reader036.vdocuments.us/reader036/viewer/2022082920/554f9deeb4c905ad218b485c/html5/thumbnails/15.jpg)
Questions
You can find all the links I talked about tonightin my BarCampBuffalo Delicious tag.
http://tinyurl.com/bcbRalph