我有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');
});
是否可以针对更少的代码进行优化?
答案 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');
});