You've already started watching Writing Code in jQuery

Resume Video Start Over

Writing Code in jQuery

2:03 with Andrew Chalkley

jQuery is a JavaScript framework that makes it simple to add behavior to websites cross-browser using the same CSS selectors web developers are familiar with. This allows you to write less and do more.

  • 0:00

    [treehouse presents]

  • 0:02

    [Writing Code in jQuery with Andrew Chalkley]

  • 0:05

    Hi, I'm Andrew.

  • 0:07

    In this treehouse quick tip, we're talking about jQuery and learning JavaScript.

  • 0:11

    jQuery, a framework written in JavaScript,

  • 0:14

    offers a simple way to add behavior to website's cross-browser

  • 0:18

    using the same CSS selectors

  • 0:20

    web developers are familiar with.

  • 0:22

    In other words, you can write less and do more.

  • 0:27

    To get started with jQuery, visit jquery.com.

  • 0:30

    And straight off the bat,

  • 0:32

    you can see what jQuery code looks like.

  • 0:34

    If we right-click and inspect the code of the site,

  • 0:37

    we can see the paragraph with the class neat,

  • 0:39

    and it's hidden with display none.

  • 0:48

    Let's see what happens when we hit run code.

  • 0:55

    As you can see, the paragraph has "ohmy"

  • 0:58

    added to its class attribute,

  • 1:00

    and the paragraph is shown.

  • 1:02

    The $["p.neat"] is jQuery selecting the element

  • 1:10

    you want to manipulate and add behavior to.

  • 1:12

    The add class method adds the class name

  • 1:15

    you want to pass in as an argument.

  • 1:17

    So in this case, "ohmy" is added.

  • 1:20

    Now neat is still there, too.

  • 1:22

    And the show method with the speed of slow

  • 1:26

    is passed in to show the hidden paragraph.

  • 1:30

    Notice that the methods are chained together,

  • 1:33

    resulting in less lines of code.

  • 1:35

    What you can do in a line of jQuery often amounts to the lines and lines of JavaScript.

  • 1:41

    While jQuery weighs in around 30k,

  • 1:44

    it's worth the price of an extra download

  • 1:46

    instead of reinventing the wheel,

  • 1:48

    implementing your own cross-browser framework.

  • 1:52

    With over 80% of sites using jQuery,

  • 1:54

    it's become the go-to framework when

  • 1:56

    adding behavior and interactivity to websites.

  • 1:58

    So what are you waiting for?

  • 2:00

    Go download it now and try adding it to your next project.

You need to sign up for Treehouse in order to download course files.

Sign up