CSS-Tricks

New Screencast: Intro to jQuery 2

* 9/11/2008  —  13 Comments *

by: Chris Coyier

Starting off where we left off last time, we continue exploring the possibilities of jQuery. We revisit some of the old functions and make them do some smarter things. We explore a simple variable and an IF/ELSE statement. Then we look at the AJAX-y .load() function, the CSS function, and then finish off by writing out own custom function and going over how that layer of abstraction can help us keep our code clean. Semantics counts in JavaScript too!

View Demo Download Files


Bookmark at Delicious Digg this! Stumble this! Submit to DesignFloat Submit to DZone Share on Reddit Bookmark on Google Bookmarks

Responses


  1. Dave Ellis says:

    I really enjoyed this jquery tutorial, it came at a great time and does a god job of introducing something that does look quite complex from the outside.

  2. Yosi says:

    Thank You,
    I like your jquery and “Converting Photoshop Mockup” seris.

  3. Alex Coleman says:

    excellent…been waiting for this post! can’t wait to watch it.

  4. Ariyo says:

    Good stuff, Chris. Keep them coming.

  5. Very useful! Thanks, Chris for taking You time!

  6. miker1961 says:

    Great job on the vids Chris! You really have a great way of breaking things down into simple, easy to comprehend, steps.

    Keep ‘em coming.

    ~Mike

  7. Justin says:

    Hey Chris,

    Once again, your jQuery screencasts always give me plenty of good ideas. Thanks :-) I was going to post at’cha on Twitter but I’m always running out of characters.

    Anyway, check out the Textmate bundle for jQuery - like you, I’m regularly running into jQuery’s biggest syntax bugbear: the masses of nested curly and straight brackets. The bundle comes with every jQuery command as a tab-trigger, so you just chain all of your necessary commands, and the text macros ensure that you’re always in the right scope (and have closed off all of the right curlies, circles, and semis).

    I think it’s in the ‘Pending Review’ branch of the Textmate Bundle repository, but if you google it it’s not hard to find.

  8. james says:

    nice tutorial… thanks.

  9. Peter K says:

    Love these screencasts - always find it easier to follow tutorials like this, rather then just reading page after page of stuff.

  10. PeterK says:

    Just wondering, as well do you know of any similiar screencasts, etc that deal with prototype?

  11. Thanks buddy…………Really Good Tutorials. Keep it up

  12. Tim says:

    Is it possible to have Action 3 in the closed position after the page loads up?


Leave a Comment

Save time next time! (You won't have to fill out all these fields) Register | Login

Gravatar

Your Name
1/6/2009