Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser
Learn
Style Methods

Review: Style Methods

jQuery can be a wizard at managing your CSS, but as with any powerful magic, it must be handled with care and consideration or you'll end up with a giant mess!

There may be instances where modifying specific CSS properties with jQuery makes sense, but as a best practice, it's best to maintain an organized CSS file and use jQuery to manipulate clearly defined and well-named CSS classes.

In this lesson, you learned:

  • The .css() method can change style properties of an element.
  • The .css() method can accept multiple styles at once if you pass it a JavaScript object as its argument.
  • The .animate() method can change specific style properties over a period of time.
  • The .addClass() will add a CSS class to an element, and the .removeClass() method will remove a CSS class.
  • The .toggleClass() method will toggle a class on or off an element.

Incredible work! In the next lesson, you'll learn about logical selectors. This will enable to you add a click event to one element, and make something happen elsewhere on the page.

Report a Bug
If you see a bug or any other issue with this page, please report it here.