jquery - 如何在 jquery 中选择事件输入？

Question

我有两个输入

<input type="text">
<input type="text">

我希望我当前选择的那个具有红色背景(为此我必须使用 jQuery)，但是

$("input:selected").css("background-color", "red")

或

$(":selected").css("background-color", "red")

两者都不起作用。有谁知道不涉及使用 .click 调用函数的修复方法？参见 https://jsfiddle.net/qtokpgv5/用于演示。

:focus 也不起作用

Answer 1

您应该为此使用 CSS，而不是 JS。 :focus 正是您所需要的，并且工作正常:

input:focus {
  background-color: red;
}

<input type="text">
<input type="text">

如果您确实想为此使用 jQuery，这不是一个好主意，那么您可以使用 focus 和 blur 事件处理程序:

$('input').on({
  focus: function() {
    $(this).addClass('focus');
  },
  blur: function() {
    $(this).removeClass('focus');
  }
});

.focus {
  background-color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text">
<input type="text">