请帮助优化简单的JQuery函数

时间:2009-05-01 09:22:57

标签: javascript jquery optimization

我有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');
});

是否可以针对更少的代码进行优化?

2 个答案:

答案 0 :(得分:9)

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

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

答案 1 :(得分:2)

这应该有效

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