Javascript js工作或不工作'；点击一下

我需要JS

onclick

事件，但它对我来说非常奇怪，我不知道为什么。下面有三个例子，我不明白为什么第一个没有

/首先

$(document).ready(function () {

$("button#clear-id").click(function(){      // this one doesn't work
    alert('Howdy');
});
...

/第二

$(document).ready(function () {

$("body").click(function(){      // this one works
    alert('Howdy');
});
...

/第三

$(document).ready(function () {

$(document).on('click', '#clear-id', function () {    // this one works
  alert("Hello!");
});
...

/按钮的HTML看起来像

<button type="button" class="close" id="clear-id" aria-label="Close" value="';   the_ID(); echo'">
    <span aria-hidden="true">&times;</span>
</button>

&时代；

显然，第一个选择器中的选择器是错误的，请改用$（“#clear id”），因为我不确定，但我认为不能在同一个选择器中组合标记和id

我可以看到一些相似之处，但我认为我的问题是不同的。为什么$（“#clear id”）。单击（function（）{不起作用？选择器起作用，但函数不起作用。Ivar我已经在jsfiddle上测试了这一点，即使有多个按钮可以获取它们的值，但在我的local.wp上它希望$（document）起作用选择器起作用，但函数不起作用。我尝试只使用$（#clear id'））还有，将标记与id/类结合起来是完全有效的。