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

Answer 3

如果你真的不得不用作业来做，我想

$（“＃ShowBox”）[0] .onclick = ShowAccessible;

会起作用。

jQuery如何处理click事件？

3 个答案: