JQuery点击功能不工作

. 每次上课前。

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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

参考:- How can I select an element with multiple classes in jQuery?

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

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

FIDDLE

类名之间没有空格,它匹配一个包含所有类的元素

CSS选择器在这里出错。

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

演示: https://jsfiddle.net/9eu94Lau/3/

https://css-tricks.com/multiple-class-id-selectors/

就用这个

$("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');
});

. 操作人员 在访问元素时。