Introduction to jQuery
Learn the basics of jQuery, a JavaScript library that allows you to easily add dynamic behavior to static web pages.
Start![[missing "en.views.course_landing_page.learn-jquery.course_illustration" translation]](http://www.codecademy.com/webpack/bf5c2cdedc7008c04ffe0b974fcd41b1.svg)
Why Learn jQuery?
With HTML and CSS, you can build visually appealing static web pages. With a bit of JavaScript, you can add dynamic behavior to these static websites. jQuery is a JavaScript library that provides you with a lot of dynamic behavior "out-of-the-box", allowing you to add some creative effects to otherwise dull layouts.
Take-Away Skills:
You will learn how to add jQuery to web pages and how to traverse the DOM. You'll also learn how to use effects, event handlers and style methods.
Note on Prerequisites:
There aren't any prerequisites for this lesson, but a basic understanding of JavaScript will help you understand the programming logic.
Codecademy courses have been taken by employees at
What you'll learn
- 1Learn jQuery: Introduction
In this course, you will learn about jQuery linking, targeting, and methods.
- 2Learn jQuery: Effects
In this course, you will learn how to use jQuery Effects to add animations to your HTML elements.
- 3Learn jQuery: Event Handlers
In this course, you will learn how to link an event to effects using jQuery event handlers.
- 4Learn jQuery: Style Methods
In this course, you will how to modify elements using jQuery style methods.
- 5Learn jQuery: Traversing the DOM
In this course, you will learn about jQuery methods that allow you to access elements in the DOM, based on their relative position.
What you'll create
Portfolio projects that showcase your new skills
Madison Square Market
It's time to build fluency in jQuery fundamentals. In this next Pro Project, we're going to practice mouse actions in jQuery so you can hone your skills and feel confident taking them to the real world. Why? The easiest way to get a hang of jQuery events and actions is to start with events triggered by your mouse. What's next? A market place, awesome dropdowns, more jQuery. You got this!
Trivia Card
It's time to build fluency in jQuery effects. In this next Pro Project, we're going to practice effects in jQuery so you can hone your skills and feel confident taking them to the real world. Why? Effects give your webpage a polished, professional feel that users will appreciate. What's next? Trivia, special effects, more jQuery. You got this!
Feedster
It's time to build fluency in jQuery fundamentals. In this next Pro Project, we're going to practice event handlers in jQuery so you can hone your skills and feel confident taking them to the real world. Why? Event handlers help to provide a natural feedback for the user when they interact with your page. What's next? A news feed, dynamic actions, more jQuery. You got this!
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory
— Madelyn, Pinterest“I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.”