Question

我是Jquery的新手，希望得到你的帮助。我正在使用此代码，并尝试将类添加到en元素，它确定，但我也希望当我们点击外面时。该类应自动删除。请帮忙！

$(document).click(function(){
    $("#active").addClass("selected");
  });

<ul>
     <li><a href="#" class="flip" id="active">Restaurants</a></li>
</ul>

Answer 1

假设您需要在单击该元素外部时删除类，这是我的代码：

$(document).ready(function(){
$("#active").click(function(e){
    var e=window.event||e;
    $("#active").addClass("selected");
    e.stopPropagation();
  });
$(document).click(function(e){
    $("#active").removeClass("selected");
});
});
<ul>
     <li><a href="#" class="flip" id="active">Restaurants</a></li>
</ul>

希望它能帮到你！

Answer 2

由于您尝试单击该文档，因此您将无法获得blur事件。所以它不会起作用。但是你可以试试这个：

$('selector').blur(function () {
  // remove class..
}

在此处了解模糊事件：http://api.jquery.com/blur/

blur是事件，与focus相反。一旦用户单击元素或使用 tab 键选择它，就会触发焦点事件。一旦元素处于焦点，当用户可以将输入写入字段时，可以将其称为状态。

而模糊是元素失去焦点并且用户将焦点提供给其他元素时的条件，例如通过按 tab 键或单击元素外部。

单击时将类添加到元素，单击元素外部时删除

2 个答案: