「jQuery入門」 $(“input”).blur()、$(“input”).focus()で要素を処理する

2013年7月24日2017年11月10日

1.JSコード
<script type="text/javascript" src="/common/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(“input").focus(function(){
$(“input").css(“background-color","#FFFFCC");
});
$(“input").blur(function(){
$(“input").css(“background-color","#D6D6FF");
});
});
</script>
</head>

2.htmlコード
名前を入力してください:
<input type="text"　id="username" name="username" />