Javascript-Onclick函数不工作

我有一个使用纯Javascript更改onclick元素类的代码。当代码不起作用时，我非常困惑，因为我以前多次使用过相同的代码，而且它工作得非常好。以下是守则的有关部分—

HTML-

JAVASCRIPT-

function a(){
  this.classList.toggle('blue');
  this.classList.toggle('red');
}
document.querySelector('#div').addEventListener('click', a);

我还将该页面链接到了在线jQuery（如果这有什么区别的话）。当我点击“div”时，什么也没发生

---

请提出一个解决这个问题的方法

如果包含jquery，可以使用.click（）函数捕获div的click事件。 要在类之间切换，请使用toggleClass。蓝色是添加的第一个类，因此，红色将与div切换

$('#div').click(function(){
       $('#div').toggleClass("blue red");
})

---

将您的

作为

的

最后一个孩子（就在关闭body标签（
）之前）它在这里工作得很好，尽管您尝试此操作时控制台中出现了javascript错误？您想在jquery？@Rayon中工作吗？我注意到这是我从以前使用它时唯一改变的东西。当代码被写在外部js文件中时，为什么它不工作？
function a(){
  this.classList.toggle('blue');
  this.classList.toggle('red');
}
document.querySelector('#div').addEventListener('click', a);

$('#div').click(function(){
       $('#div').toggleClass("blue red");
})