Learn jQuery with FireBug, jQuerify and SelectorGadget

Learn how Dave Ward (@encosia) uses FireBug, jQuerify and SelectorGadget to learn jQuery and any other client-side technology. Hosted by Craig Shoemaker (@craigshoemaker) for the Polymorphic Podcast http://polymorphicpodcast.com/

New: Check out Dave's series 'Mastering jQuery' : http://tekpub.com/preview/jquery

Category:

Science & Technology

Tags:

• jquery
• firebug
• ajax
• javascript
• css
• selectors
• html
• web development
• ui programming

[BenMartinStudios]

As an extension of this, you can click the little triangle icon to the right of the console which brings up a multiline console. This makes coding more complex functionality a breeze.

[pescaditopaz]

thanks for this video. helps alot! 

[freyja43]

Nice!



[JREAMdesign]

Hey, also checkout Chrome's plugin called JSShell, it works with JQuery and it is awesome to practice.

[sashikanta]

Wow start Now :) Thanks!!!

[palimadra]

Thank you for the great video. Certainly now Jquery seems easy!

Pali Madra

[nielsbom]

@hidoisan Thanks for the explanation, I've put this in pastebin so other people can read it more easily.

Dang, YouTube does not allow url's, just checkout id 363467 at the pastebin ORG site.

[hidoisan]

@nielsbom

The example below shows you how jQuery and the Prototype js library can be used without conflict: jQuery(document).ready(functio­n($){ // Do jQuery stuff using $ $("div").hide(); });

// Use Prototype with $(...), etc.

$('someid').hide();

Again, though, this is only really necessary if you expect to work with another js library or if you are writing plugins.

[nielsbom]

@hidoisan

OK I think I understand the $ argument, but is that just for the part where you start the execution of the Javascript or basically everywhere I would use a $ now?

$(document).ready(function(){

});

[hidoisan]

@nielsbom

Yes you can use the shorthand $ function, but doing so puts you at risk of conflicting with another library. It is considered good programming to always begin coding with jQuery(), or using jQuery.noConflict when you know you'll be working with another library (like prototype).