jQuery/hasClass()

解説

classが存在するか否かを判定する

sample1

sample1code

$(function(){
  $("#sample1Btn").click(function(){
	if($(this).hasClass("start")){
	  $(this).removeClass("start").addClass("stop").text("STOP");
	} else {
	  $(this).removeClass("stop").addClass("start").text("START");
	}
  });
});

sample2

box1

box2

box3

sample2code

$(function(){
  $("div").click(function(){
    if($(this).hasClass("red")){
      $(this).css({
        background:"red",
      	color: "#fff"
      });
  	}
  }); 
});

sample3

sample3Div

sample3code

$(function() {
  $('#sample3Div').click(function() {
	if($(this).hasClass('sampleA')){
	  $(this).removeClass('sampleA').addClass('sampleB');
 	} else if($(this).hasClass('sampleB')){
      $(this).removeClass('sampleB').addClass('sampleA');
    }
  });
});