javascript - 如何通过使用Javascript触发点击事件来激活元素？

我有一个div元素并设置默认颜色。启用后，颜色会改变。因此，当使用鼠标单击时，颜色将变为红色。 DOM准备就绪后，我还会触发一个click事件。但是，当我触发click事件时，行为并不相同。元素不会改变颜色，并且会消失。最好的方法是什么？

这是jsfiddle：https://jsfiddle.net/uvcwxLjr/。

var ele = document.querySelector('.clickMe');
ele.addEventListener('click', function() {
  alert('You\'ve clicked me');
});
ele.click();

我知道可以通过创建另一个具有背景红色的类并在鼠标按下时添加该类并在鼠标按下时将其删除来完成。有没有更好的办法？

最佳答案

$(function () {
$(".clickMe").click(function () {
    $(this).css('background-color', 'green');
  alert('change green');
  });
 });
  

   .clickMe {
    width: 100px;
    height: 100px;
      background-color: red;
      }

  <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

<div class="clickMe">
 </div>

关于javascript - 如何通过使用Javascript触发点击事件来激活元素？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39562979/