Javascript 一个带有jQuery Click函数异常的CSS类

我有一个名为.box的CSS类，有一个php循环，我在其中创建div层，引用如下类：

.box {
    width:45px;
    height:45px;
    line-height:45px;
    border:1px solid #808080;
    border-radius:8px;
    text-align:center;
    color:#000;
    font-weight:bold;
    font-size:24px; 
    font-family:Arial, Helvetica, sans-serif;
    cursor:context-menu;
}

<div class="box">content</div>

我的问题是，在我的循环中，某些div层仍然需要像

.box

类那样设置样式，但我不希望应用click函数。我目前解决这个问题的方法是创建

.box

的克隆并调用它

.box2

，如果没有

.box2

单击事件，那么只有jQuery单击函数应用于

.box

类div

然而，我想知道是否有更好的方法来做到这一点，只要坚持一个类而不是两个，因为这是额外的代码，每次我想改变风格，我必须复制它两次。是否有一种方法可以添加一些额外的参数，使其类似于

class=“box active”

---

希望有意义。

您可以使用

active

例如：-

$(".box").click(function(){

---

这将把click事件绑定到两个类都有的元素（

class=“box active”

）。

我建议您看看jquery选择器，您需要使选择器更具体。使用数据属性、其他类名或应用于其的元素。例如，您可以将其范围限定为按钮或锚元素

$(".box.active").click(function(){