How to define multiple CSS attributes in jQuery?

by

Better to just use .addClass() and .removeClass() even if you have 1 or more styles to change. It’s more maintainable and readable.

If you really have the urge to do multiple CSS properties, then use the following:

.css({
   'font-size' : '10px',
   'width' : '30px',
   'height' : '10px'
});

NB!
Any CSS properties with a hyphen need to be quoted.
I’ve placed the quotes so no one will need to clarify that, and the code will be 100% functional.

More Related Contents:

  1. How to change the element of another div by clicking and hovering on an element of a different div
  2. Hide/Show div on specific page with jquery
  3. Issue with a design when content increase [closed]
  4. How to change color of SVG image using CSS (jQuery SVG image replacement)?
  5. Auto-size dynamic text to fill fixed size container
  6. Firing events on CSS class changes in jQuery
  7. Downloading jQuery UI CSS from Google’s CDN
  8. Create a CSS rule / class with jQuery at runtime
  9. How do I get background image size in jQuery?
  10. Get element -moz-transform:rotate value in jQuery
  11. Play/pause HTML 5 video using JQuery
  12. Is it possible to use jQuery to get the width of an element in percent or pixels, based on what the developer specified with CSS?
  13. jquery IE Fadein and Fadeout Opacity
  14. jQuery CSS – Write into the -tag
  15. Remove CSS from a Div using JQuery
  16. Correct way to animate box-shadow with jQuery
  17. How to find the highest z-index using jQuery
  18. Changing Body Font-Size based on Font-Family with jQuery
  19. How to expand ‘select’ option width after the user wants to select an option
  20. Get the value of -webkit-transform of an element with jquery
  21. jQuery/CSS: line-height of “normal” == ?px
  22. How to hide/remove a DIV when empty
  23. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  24. Leave menu bar fixed on top when scrolled [closed]
  25. Change the body background image with fade effect in jquery
  26. CSS3 equivalent to jQuery slideUp and slideDown?
  27. How add spaces between Slick carousel item
  28. Fading elements in and out without changing the layout of the page
  29. Custom CSS to allow chrome textarea resize smaller than initial state?
  30. What is alternative to use after jQuery 1.9 removed .toggle(function,function)?

Leave a Comment