Javascript JQuery单击功能不工作

我试图让我的代码单击并显示警报，但代码似乎不起作用。我在这里编写了代码：

这是我的html：

<div class="add-cart-button-col col-right">
<a class="checkout-button nsg-button nsg-grad--heeb-orange" href="https://mycheckoutlinkgoeshere.com" data-query="https://linkcheckoutgoeshere.com">
                      CHECKOUT
                    </a>
                  </div>

如果能帮我找出我做错了什么，我将不胜感激。多谢各位

---

编辑：这个问题是不同的，因为我要求澄清代码中存在的错误。它不是用多个类选择元素的重复…

在jQuery选择器中使用多个类是用多个句点完成的，如下所示

$(".checkout-button.nsg-button.nsg-grad--heeb-orange")

---

如果类名之间没有空格，它将匹配一个包含所有类的元素，CSS选择器在这里是错误的。 正确的选择器：

 $(".checkout-button.nsg-button.nsg-grad--heeb-orange").click(function() {
    alert('hohoho');
   });

演示：

---

有关CSS选择器的更多详细信息，请参阅此文档：

1忘记在每个类之前添加

2.删除所有类之间的空格（因为您正在尝试单个元素的所有类，而不是父子元素）

工作代码段：-

$（“.checkout button.nsg button.nsg grad--heeb orange”）。单击（函数（）{
警惕（hohoho）；
});

只要用这个

$("a[class='checkout-button nsg-button nsg-grad--heeb-orange']").click(function() {
  alert('hohoho');
});

这可能适用于您：

$(".checkout-button.nsg-button.nsg-grad--heeb-orange").click(function() {
  alert('hohoho');
});

当我们有多个类时，我们添加。操作员在访问元素时。
。签出按钮nsg按钮nsg梯度--heeb橙色
！==<代码>.checkout按钮.nsg按钮.nsg梯度--heeb橙色

$(".checkout-button.nsg-button.nsg-grad--heeb-orange").click(function() {
  alert('hohoho');
});