Javascript Jquery单击事件未使用类工作

我使用的是jquery 3.3.1，当我试图在类上使用onclick事件显示一些数据时，它不能触发代码，但当我使用

id

时，它会触发代码

下面是我的代码

不起作用

工作

---

如果HTML包含与

#toggle

和/或

.toggle

选择器匹配的元素，您应该会发现您的脚本

请注意，

.toggle

是一个，这意味着您需要在HTML中有一个带有class属性的元素，该元素的行为

class=“toggle”

，这样您的第一个脚本片段才能工作：

<button class="toggle">With Class</button>

带身份证
通过类

将事件处理程序绑定到“click”JavaScript事件，或在元素上触发该事件

<!-- id attribute  -->
<button id="btnID"> BUTTON BY ID</button>

<!-- class attribute  -->
<button class="btnCLASS">BUTTON BY CLASS</button>


$(document).ready(function() {


     $("#btnID").click(function(event){ 

        });


     $(".btnCLASS").click(function(event){ 

     });

} );

按ID按钮
按类按钮
$（文档）.ready（函数（）{
$（“#btnID”）。单击（函数（事件）{
});
$（“.btnCLASS”）。单击（函数（事件）{
});
} );

您还可以更具体地单击，以便在动态添加类或id的情况下，以后可能不会导致任何问题

$(document).on('click', 'a.toggle', function () {
  alert('works with class');
});

$(document).on('click', 'a#toggle', function () {
  alert('works with id');
});

若您有多个toggle类，则只有类或id为toggle的锚定标记才会得到响应。

---

希望有帮助。谢谢

你能包括相应的HTML吗？好的，我会编辑问题对不起，伙计们，我重新检查了一次，发现我有两个类属性…xdxd谢谢你的关注，现在一切都很好谢谢你的时间确保你的目标元素有指定的类切换

<!-- id attribute  -->
<button id="btnID"> BUTTON BY ID</button>

<!-- class attribute  -->
<button class="btnCLASS">BUTTON BY CLASS</button>


$(document).ready(function() {


     $("#btnID").click(function(event){ 

        });


     $(".btnCLASS").click(function(event){ 

     });

} );

$(document).on('click', 'a.toggle', function () {
  alert('works with class');
});

$(document).on('click', 'a#toggle', function () {
  alert('works with id');
});