#20: Introduction to jQuery

* 11/24/2008  —  12 Comments *

by: Chris Coyier

The popular JavaScript library jQuery is an amazing way to extend the design possibilities of your site beyond what CSS can do. But luckily, if you are already comfortable with CSS, you have a huge head start in jQuery! This is a very basic introduction to including jQuery on your web page and getting started writing a few functions.

Running time: 18 minutes

Direct Download: High Quality, Quicktime .M4V Format (AppleTV Ready)

Links from video:

Make sure to check out Intro to jQuery 2, which expands on these ideas and has it’s own demo and downloads.

Get the Flash Player to see this player.

  • Video Embed:

Responses

  1. Prabhakaran says:
    November 25, 2008 at 11:43 am

    Hi Chris… Good intro about jquery..

  2. Phillychris says:
    November 29, 2008 at 2:32 am

    Hey, Chris! Great intro about JQuery. I just downloaded it yesterday for animation for my photos. I am trying to apply it to my webpage. This tutorial is great insight to JQuery for a novice like me!

    PhillyChris

  3. Adam says:
    December 3, 2008 at 11:26 am

    Hey Chris,

    Thanks for the work… I tried to duplicate these examples to get my feet wet and they only work for me in Safari… Firefox and Camino reject the JS and pretty much don’t do anything at all.

    Do you have any suggestions as to why they wouldn’t work correctly?

  4. charliechin says:
    December 16, 2008 at 3:49 am

    Awesome Tutorial, dude!:D

  5. Sumeet says:
    December 20, 2008 at 10:27 am

    Your tutorials are really great Chris! the tutorials leave no option of asking any furthur questions :P Thanks! ;)

  6. britta says:
    December 21, 2008 at 10:57 am

    Hello Chris,
    thanx for your nice tutorials. It took me hours with not understanding jQuery in school… With watching your tutorial I have a idea about it now.
    Thanx from Britta (Hamburg, Germany)

  7. PixeltoDesign says:
    December 30, 2008 at 1:31 am

    Chris this is such a great resource! You continue to help me learn new items each time I visit. Please Please Please keep up the amazing work you do.

    Also maybe more jQuery video tuts in the future. Or Even Ajax or Prototype tuts.

  8. Tiago Pregueiro says:
    January 5, 2009 at 5:12 pm

    Here is the source code, which I’ve created while following this great tutorial! Thnks Chris!

    http://tiagopregueiro.net/jquery-intro.zip

  9. Noirfatom says:
    January 10, 2009 at 5:58 am

    Great intro for a newbie like me. Really clear. Good job. I’m looking forward to see more of tutorials like this.

  10. Ahmet basaran says:
    January 11, 2009 at 4:50 pm

    Hi Chris,

    Thank you Great intro about JQuery.
    Ahmet BASARAN – Turkey

  11. yasin says:
    January 12, 2009 at 2:56 am

    Thank for the intro and advertising :)

  12. Josh says:
    January 29, 2009 at 1:04 pm

    Thank you for this tutorial. Simple yet clear.