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

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)
            });

当输入元素获得焦点时，它需要将 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);
}