Adding CSS using jQuery

February 18, 2020

You can add a style using .css()

code

jQuery("#popularUsersContainer").css("max-height", "360px");

You can also pass it a styles object (like a React Native stylesheet object) if you want to add multiple values

code

let containerStyles = {
  maxHeight: `${containerHeight}px`,
  display: "flex",
  flexWrap: "wrap",
  justifyContent: "center",
  overflow: "hidden",
};

jQuery("#popularUsersContainer").css(containerStyles);

If you want hover styles, you'll combine .css() with .hover()

code

$("div.myclass").hover(function () {
  $(this).css("background-color", "red");
});

code

$(".myclass, .myclass2").hover(function (e) {
  $(this).css("background-color", e.type === "mouseenter" ? "red" : "transparent");
});

Adding CSS using jQuery

Links