検索ボックスにフォーカスしたら括っているDIVの枠線の色を変える

Yukimi Sato 347views 更新:2014年6月25日
<div class="search">
<form>
<input type="text" class="searchText" value="" />
<input type="submit" value="検索" />
</form>
</div>
.search{
border:1px solid #ccc;
}
.search.focus{
border:1px solid #000;
}
$(function(){
    $('.searchText').focus(function(){
        $('.search').addClass('focus');
    }).blur(function(){
        $('.search').removeClass('focus');
    });
});

searchTextというクラスにフォーカスしたら、searchというクラスにfocusというクラスを追加する、という内容です。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません