Wie behandelt jQuery das Klickereignis?

Question

Ich bin neu in jQuery und kann keinen Selektor mit der ID des Elements arbeiten. Der folgende Code funktioniert:

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

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

jedoch keiner der beiden kommentierten aus Linien arbeiten heißt, sie nicht das Click-Ereignis mit einer Klasse von „searchcheck“ namens „ShowBox“ auf eine Checkbox anzuwenden. Warum ist das?

Answer 1

JQuery Funktionen verwendet, anstatt Eigenschaften die Handler zu setzen.

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

Answer 2

Es gibt keine onclick-Eigenschaft für ein jQuery-Objekt; Wenn Sie $([selector]) verwenden, wird ein jQuery-Objekt zurückgegeben, kein Element.

Verwenden Sie entweder

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

oder

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

wie so

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

Answer 3

wenn Sie es wirklich mit einer Zuordnung zu tun haben, ich glaube,

$ ("# ShowBox") [0] = .onclick ShowAccessible;

würde funktionieren.