These are the jsfiddle samples that Dan Wahlin and I covered in our jQuery Fundamentals workshop at DevConnections last week. These were samples we wrote on the fly in http://jsfiddle.net and wanted to share. Enjoy!

Additional jQuery samples covering selectors, DOM manipulation, Ajax techniques, as well as sample applications can be found here.

You can view my other sessions from DevConnections and Orlando Code Camp here:

View more of my presentations here.

 

Using the Data Function

 

Using Object Literals with jQuery

 

Using jQuery each() with string concatenation

 

Using on() to handle child events

 

jQuery - hover

 

jQuery - event handling variations

 

jQuery - Twitter (bind, append, appendTo, each, fadeOut, $.getJSON, callback, success, error, complete)r

 

jQuery - attr vs prop

 

jQuery - Simple selectors