javascript - jQuery 是如何处理点击事件的？

Question

我是 jQuery 的新手，无法使用元素的 id 让选择器工作。下面的代码有效:

$(function() {  
  /* $("#ShowBox").onclick = ShowAccessible;  */  
  document.getElementById("ShowBox").onclick = ShowAccessible;  
  /* $(".searchcheck").click = ShowAccessible; */  
});

function ShowAccessible() {  
  $("tr.hide").fadeOut();  
}

但是，两条注释掉的行都不起作用，即它们不会将点击事件应用于名为“ShowBox”且类别为“searchcheck”的复选框。这是为什么？

Answer 1

jQuery 对象没有 onclick 属性；当您使用 $([selector]) 时，将返回一个 jQuery 对象，而不是一个元素。

使用其中之一

.click(function () { ...}); // can be an anonymous function or named function

或

.bind('click', function() { ... }); // can be an anonymous function or named function

像这样

$("#ShowBox").click(ShowAccessible);
$("#ShowBox").bind('click', ShowAccessible);