jQuery/focus(),blur()

解説 focus,blur時のアクションを指定

sample1

sample1code

$(function(){
  $("#sample1Input").focus(function(){
	$("#sample1p").text("半角英数字のみ").css({
		color:"white",
		fontSize:"20px"
	});
  });
  $("#sample1Input").blur(function(){
	$("#sample1p").text("");
  });
});

sample2

sample2code

$(function(){
  $("#sample2Input").focus(function(){
  	$(this).addClass("sample2Class");
  });
  $("#sample2Input").blur(function(){
  	$(this).removeClass("sample2Class");
  });
});