如何在JS中缩短此代码？

Question

我想让我的代码更短，我试图做一些数组等但是没有用。有人能帮帮我吗？

// Task 1
var firstBox = document.getElementsByClassName('box1')[0]


firstBox.addEventListener("mouseenter", function(event) {

  event.target.style.backgroundColor = "purple";

}, );

firstBox.addEventListener("mouseleave", function(event) {
  event.target.style.backgroundColor = "white";
}, );

谢谢你， 鲇鱼

Answer 1

没有太多可以做的缩短，但我想你可以使用jQuery。

$( "#id" ).mouseenter(function() {
 $("#newColor").css("background-color","purple");
});

$( "#id" ).mouseleave(function() {
 $( "#newColor" ).css("background-color","white");
});