表单重点jQuery缩短代码

Question

我对JS和jQuery的了解有限，我不知道如何更改此代码。

accounts/$uid

是否可以缩短此代码？如是。怎么样？

Answer 1

它大部分都很好。您可以链接on来电，但是：

$('.form input')
  .on('focus', function() {
    $(this).parent().addClass('active');
  })
  .on('focusout', function() {
    $(this).parent().removeClass('active');
  });

附注：通常您使用focusin / focusout或focus/blur而不是混合搭配。

Answer 2

使用focus和blur。

$("#txtTest").focus(function() {
  $(this).parent().addClass("active");
}).blur(function() {
  $(this).parent().removeClass("active");
});

.active {
  background-color: #623886;
  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input id='txtTest' />

</div>