<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というクラスを追加する、という内容です。