jq获取并设置css类

//addClass() - 向被选元素添加一个或多个类
//removeClass() - 从被选元素删除一个或多个类
//toggleClass() - 对被选元素进行添加/删除类的切换操作
//css() - 设置或返回样式属性

$("button").click(function(){
  $("h1,h2,p").addClass("blue");
  $("div").addClass("important");
});

$("button").click(function(){
  $("#div1").addClass("important blue");
});

$("button").click(function(){
  $("h1,h2,p").removeClass("blue");
});

$("button").click(function(){
  $("h1,h2,p").toggleClass("blue");
});

$(document).ready(function(){
  $("button").click(function(){
    alert("Background color = " + $("p").css("background-color"));
  });
});

$(document).ready(function(){
  $("button").click(function(){
    $("p").css("background-color","yellow");
  });
});

$(document).ready(function(){
  $("button").click(function(){
    $("p").css("background-color","yellow");
  });
});

$(document).ready(function(){
  $("button").click(function(){
    $("p").css({"background-color":"yellow","font-size":"200%"});
  });
});