Php 如何选择一个类的多个对象进行css操作

这可能是一个简单的问题或一些不可能的问题。我试图使用querySelector（）函数选择特定类的对象进行css操作。我有几个不同类的对象，我在主导航中使用链接来切换对象，这取决于单击的链接

我在这里使用php和jQuery的组合来实现这一点

这是适用于单个对象的方法：

php/HTML：

<div class="red box">Lorum</div>
<div class="blue box">Ipsum</div>
<div class="blue box">Ipsum</div>

洛伦 乱数假文 乱数假文 我的nav php（我试图简化我正在做的事情，使这里的事情更清楚）：

$value=“蓝色”；
回声“；

悬停动作与前面在php中链接的css相对应，是一个简单的平铺翻转

最终发生的是，它对给定类的第一个对象正确，但对该类的任何其他对象都不正确。我尝试过使用querySelectorAll（）和getElementByClassname（），但我不知道我是做错了还是试图做一些不太可能的事情。编写函数是一种更好的方法吗

---

有什么建议吗？任何帮助都将不胜感激。谢谢。

为锚添加一个ID

echo '<a href="#" id="link_blue">Link</a>';

echo '<a href="#" id="link_blue">Link</a>';

$('#link_blue').on('click', function() {
    $('.blue').toggleClass('hover');
});