Пожалуйста, помогите оптимизировать простые функции JQuery - PullRequest
1 голос
/ 01 мая 2009

У меня есть такие функции для 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 ]

9 голосов
/ 01 мая 2009
$("input,select,textarea").focus(function() {$(this).toggleClass('focus')})
                          .blur(function() {$(this).toggleClass('focus')});

или

$("input,select,textarea").bind('focus blur',function() {$(this).toggleClass('focus')});
2 голосов
/ 01 мая 2009

Это должно работать

$("input, textarea, select").focus(function () {
   $(this).addClass('focus');
}).blur(function(){
   $(this).removeClass('focus');
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...