Learn jQuery: Introduction

In this course, you will learn about jQuery linking, targeting, and methods.

Start[missing "en.views.course_landing_page.learn-jquery.course_illustration" translation]
jQuery Setup
Lesson 1 of 1
  1. 1

    JavaScript is the most widely-used language for adding dynamic behavior to web pages. The JavaScript community contributes to a collection of libraries that extend and ease its use. In this course,...

  2. 2

    In the last exercise, you used jQuery to cut twelve lines of code down to three. Let's use Legos as an analogy for understanding how jQuery works. With an infinite number of Legos, you could buil...

  3. 3

    We are going to use jQuery to add some interactivity to the MOVE Gear site, an online marketplace for athletic apparel. To use the jQuery library, index.html must load it with the other depe...

  4. 4

    To include jQuery, we use a [...] tag as follows: [...] In this example, the jQuery library is loaded from the jQuery content delivery network (CDN). A CDN is a collection of servers that c...

  5. 5

    The jQuery library makes it quick and easy to add visual effects and interactivity to your web page. However, a web page must be rendered in a user's browser before it's possible to have any dynami...

  6. 6

    Let's look at the code we just pasted into our main.js file: [...] In the example above, [...] is a special keyword that we use to target the HTML document and create a jQuery object. We...

  7. 7

    While classes allow us to target multiple elements at once, we can also target single elements by [...] . To select by [...] , we prepend the element's id name with the [...] symbol. [...] ...

  8. 8

    Now that you've seen some jQuery in action, let's dive a bit deeper into syntax. You've probably noticed the [...] symbol before anything we target. The [...] symbol is an alias for the [...] ...

  9. 9

    Now that we've got jQuery up and running, let's give it a little gas! The jQuery [...] method adds event handlers to jQuery objects. The method takes two parameters: a string declaring the event ...

  10. 10

    That's just a taste of what you can do with jQuery. While there's still a lot to learn, in this unit you used jQuery to add dynamic behavior to a website. With jQuery objects, you can quickly targe...

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo

Learn jQuery: Introduction

Start[missing "en.views.course_landing_page.learn-jquery.course_illustration" translation]