Jquery 集中时不添加类的输入

我有一个非常简单的点击事件，如果

input

已经被聚焦，它应该向所说的

input

添加一个类

但是，它不想添加该类。我已经确定要包括jQuery库，但是什么也没有发生

jQuery：

$("body").on("click", function(){
    if($("input").is(":focus")){
        $(this).addClass("highlight-input");
    } else {
        $(this).removeClass("highlight-input");
    }
});

---

您需要使用以下方法：

$(document).ready(function () {
  $("input").on("focus", function () {
    $(this).addClass("highlight-input");
  }).on("blur", function () {
    $(this).removeClass("highlight-input");
  });
});

---

在您的代码中-

此

表示

主体

元素，因此当您使用

$（this）.addClass（“突出显示输入”）

将

突出显示输入

类添加到

主体

元素中

$（“body”）。在（“单击”，函数（）{
如果（$（“输入”）为（“：焦点”））{
调试器；
$（this）.addClass（“突出显示输入”）；
}否则{
$（this）.removeClass（“突出显示输入”）；
}
});
。突出显示输入{
背景：蓝色；
}

已尝试此操作，但我将使用您的代码重试。。一moment@Caelan. 有效吗？@Caelan。相同的代码。适用于我。再次尝试此操作，但似乎仅适用于您的代码。。很奇怪，哈哈。谢谢：）@Caelan。圣诞快乐<代码>：D

将类添加到正文中！：（正确。我说它有效，但我不确定这是他在看的：）仔细阅读。我仔细阅读：

它应该向所述输入添加一个类。

为什么您要检查页面中的所有输入是否都集中？只有一个元素可以有焦点。这将始终是错误的。使用CSS代替jQuery

：focus

@Tushar focus和hover是完全不同的…是的。我是说focus@Tushar哦，哈哈！由于各种原因，我不能：/