jQuery如何处理click事件？

Question

我是jQuery的新手,无法使用元素的id来使用选择器.以下代码有效:

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

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

但是,两个注释掉的行都不起作用,即它们不会将click事件应用于具有"searchcheck"类的名为"ShowBox"的复选框.为什么是这样？

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);

Answer 2

JQuery使用函数而不是属性来设置处理程序.

$("#ShowBox").click(ShowAccessible);