juniorjQuery

How do you manipulate CSS using jQuery?

Updated May 14, 2026

Short answer

jQuery provides methods like .css(), .addClass(), .removeClass(), and .toggleClass() for manipulating styles.

Deep explanation

jQuery simplifies style manipulation by providing high-level methods that abstract direct DOM style access.

Common methods:

  • .css() → Get/set inline styles
  • .addClass() → Add CSS classes
  • .removeClass() → Remove classes
  • .toggleClass() → Toggle classes dynamically
  • .hasClass() → Check class existence

Using classes is generally preferred over inline styles because it separates concerns and improves maintainability.

Real-world example

Dark mode implementations often use class toggling to switch themes dynamically across entire applications.

Common mistakes

  • Overusing inline styles instead of CSS classes can create difficult-to-maintain codebases.

Follow-up questions

  • Why are CSS classes preferred over inline styles?
  • What does toggleClass() do?
  • Can .css() retrieve style values?

More jQuery interview questions

View all →