2009-05-01 17 views
1

私はjQueryのためにこのような機能を持っているを最適化するために助けてください:シンプルなjQueryの機能

$("input").focus(function() { 
    $(this).addClass('focus'); 
}); 
$("input").blur(function() { 
    $(this).removeClass('focus'); 
}); 

$("select").focus(function() { 
    $(this).addClass('focus'); 
}); 
$("select").blur(function() { 
    $(this).removeClass('focus'); 
}); 

$("textarea").focus(function() { 
    $(this).addClass('focus'); 
}); 
$("textarea").blur(function() { 
    $(this).removeClass('focus'); 
}); 

それは以下のコードのために、最適化することは可能ですか?

答えて

9
$("input,select,textarea").focus(function() {$(this).toggleClass('focus')}) 
          .blur(function() {$(this).toggleClass('focus')}); 

または

$("input,select,textarea").bind('focus blur',function() {$(this).toggleClass('focus')}); 
+0

が簡単に動作するはずです。 –

+0

+1 toggleClass –

+0

完璧、ありがとう! – Mike

2

これはあまりにも読みやすく、理解し

$("input, textarea, select").focus(function() { 
    $(this).addClass('focus'); 
}).blur(function(){ 
    $(this).removeClass('focus'); 
}); 
+0

良い例は、使用しようとします。ありがとうございます。 ありがとうございます。 – Mike

関連する問題