Question

我有这样的代码：

 var input = $('input');
            var select = $('select');
            var text = $('textarea');
            var name = $('#name');
            var email = $('#email');
            var phone = $('#phone');
            var subject = $('#subject');
            var message = $('#message');
            var sum = $('#sum');

            (input, select, text).focus(function(){

                $(this).css('z-index', 100)
            });

当input元素为焦点时，需要将z-index更改为100，非焦点元素需要将其z-index更改为1.我该怎么做？

Answer 1

使用add方法连接jQuery对象，使用not方法排除一个：

var input_select_text = input.add(select).add(text);

input_select_text.focus(function(){
  $(this).css('z-index', 100);
  input_select_text.not(this).css('z-index', 1);
}

Answer 2

请尝试以下代码：

$('input').focusin(function() {
  $(this).css('z-index', '100');
});
$('input').focusout(function() {
  $(this).css('z-index', '1');
});

Answer 3

(input, select, text).focus(function(){
    (input, select, text).css('z-index', 1);
    $(this).css('z-index', 100);
});

Jquery同时处理两个或多个变量

3 个答案: