jQuery テキストボックスで focus_jquery を取得および喪失する簡単な例-jsチュートリアル-php.cn

バージョン 1

CSS コード部分:

コードをコピーコードは次のとおりです:

.focus { 
 border: 1px Solid #f00;
 background: #fcc;
} 

フォーカスが取得されたら、フォーカススタイルを追加し、ボーダーを追加し、背景色を次のように変更します。 #fcc

HTML コード部分:

コードをコピーコードは次のとおりです。

< Body＆Gt; 
＆lt; 
 : & lt;/label & gt; 
 & lt; textarea id = "msg" rows = "2" color = "20" >
 ; 2 つの入力と 1 つのテキストエリア。 

:input は、すべての input、textarea、select、button 要素と一致します。 

jQuery コード部分: 

コードをコピー

 コードは次のとおりです。 script type= "text/javascript">
 $(function(){
 $(":input").focus(function(){
 ) $(this).addClass("focus" ）;