jQuery/on()

任意のイベントを配置

sample1p

$(function(){
  $("#sample1Btn").on({
    click: function(){
     		 $(".sample1p").css("color","blue");
     	   },
    mouseover: function(){
     		     $(".sample1p").css("color","red");
     	   },
    mouseout: function(){
     		    $(".sample1p").css("color","black");
     	      }
  });
});

sample2p

$(function(){     
  var x = 1;
  $("#sample2Btn").on({
    click: function(){
     	     $(".sample2p").text("クリック回数" + x++ + "回");
     	   },
    mouseover: function(){
     		     $(".sample2p").css(
     		     {width:"200px", height:"50px", background:"blue", color:"#fff"});
     	       },
    mouseout: function(){
     		    $(".sample2p").css({width:"", height:""}).text("");
     		    x = 1;
     	      }
  });
});

$(function(){
  $("#correct").on("click", ".s3Div", function(){
  	alert("正解");
  });
});
	

var x = 0;
function s4Func(){
  x++;
  $("#s4Div").append(x);
  if(x > 4){
  	$("body").off("click", "#s4Div", s4Func);
  }
}
$("body").on("click", "#s4Div", s4Func);