jQuery/addClass()

解説
class属性を追加する。
sample1

element1

element2

element3

sample1code
$(function(){
  $("#sample1Btn").click(function(){
  	$("p:eq(1)").addClass("s1Class01 s1Class02");
  });
});
	
sample2
sample2code
$(function(){
  $("#sample2box").click(function(){
    if($(this).hasClass("sampleX")){
      $(this).removeClass('sampleX').addClass('sampleZ');
 	} else if ($(this).hasClass('sampleZ')){
 	  $(this).removeClass('sampleZ').addClass('sampleX');
 	}
  });
});
	
sample3

s3p

sample3code
$(function(){
  $("#s3Btn").click(function(){
  	$("#s3p").addClass("color back");
  });
});