One way to think of jQuery is the "Select and Do" library. jQuery is particularly good at selecting elements on the page (stuff in the DOM) and then doing something. Select and do. Select and do.

See the Pen 99a923df4131377dc308895be1baf4e1 by Chris Coyier (@chriscoyier) on CodePen

In this screencast we started using the Dev Tools in Google Chrome. We'll be using Chrome for the rest of this series specifically because the Dev Tools are so good. But so far we're just using them at a pretty basic level and pretty much any of the browsers have an equivalent version of these tools. What we use here is the ability to inspect the DOM and see what's going on with our elements on the page. And most importantly, use the Console which allows us to write and execute little bits of JavaScript right on the page.

We referenced the jQuery API documentation a bit, which is very good and useful and we'll be using a lot. We specifically used the addClass() method and the css() method.


  1. User Avatar
    William Dellinger
    Permalink to comment#

    For a brief moment this afternoon, after I paid $12.99 to gain access to The Lodge for a month, I regretted wasting that money. Then, 3 minutes and 30 seconds into the first video about jQuery, I realize that the $12.99 lodge subscription might be the best thing I’ve spent money on in a long time.

    You make this stuff ridiculously easy to understand. I just started a new webmaster job, and have been a little nervous, so finding this series has been a weight off of my chest. Thank you!

Leave a Comment

Posting Code!

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.