css manipulation jquery

Estimated reading time: 1 minute

addClass

$("div").addClass("my-class");

removeClass

$("div").removeClass("my-class");

toggleClass

$(function() {
    $("button").click(function() {
        $("p").toggleClass("red");
    });
});

.css()

$("p").css({"color": "red", "font-size": "200%"});

dimention

  • .height()
  • .innerHeight()
  • .outerHeight()
  • .width()
  • .innerWidth()
  • .outerWidth()
$("div").css("background-color", "red");
$("div").width(100);
$("div").height(100);

height

~ img courtesy : sololearn

js, jquery