idiots guide to jquery

An iDiots gUide to jQuery

Mark [email protected]

@teampoop

Thursday, August 12, 2010

What is jQuery


Why jQuery

Small footprintEasy to read documentslarge communitypopular open source


sElecting iTemsSimple CSS Selectors$(“#id”)Cascading$(“body div.fred p.alt”)xpath compatability$(“input[name=‘betty’]”)


$(“#the_id”) != document.getElementById(‘the_id’)


$.fn.get(0) == document.getElementById(‘the_id’)


What do I mean by $.fn?

$(“#this_statement”)


mAnipulating iTems

add/remove classesinsert/append contentupdate text/HTMLreposition


Dealing with Events

Click / Drag / Submit..All the stars3 ways to add actions


AJAX!

Load data directly into object with $.fn.load(‘url’)Pass data objects to serverReturns various data types


jQuery UI

Tools to help your User InterfaceObviously namedThemed sites


Theme Roller!

jqueryui.com/themerollermodifies the whole sites lookpackages base jquery and ui componentsmakes your life easier


Obligatory Cute Animal


TabsDialog Boxes (LightBox)Date PickersAccordionsAutocomplete

jQuery uI


Buttons

New to 1.8Consistent User Interface


Positioning


Third Party Plug-ins

User created.Completely open source9/10 Something you want is already doneplugins.jquery.com


oTher lIbraries

PrototypeYUI (Yahoooooooo)Sencha (formerly EXT JS)MooTools


Resourcesjquery.com & jqueryui.comjQuery Fundamentals (jqfundamentals.com)YayQuery PodcastMultiple books and more!


Resourcesjquery.com & jqueryui.comjQuery Fundamentals (jqfundamentals.com)YayQuery PodcastMultiple books and more! And Me!


Thanks

Photos blatantly lifted from dailysquee.com


Technology