Code Editor
Web Browser
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.