Comment jQuery gère-t-il l'événement click?

Question

Je suis nouveau sur jQuery et je n'arrive pas à faire fonctionner un sélecteur en utilisant l'id de l'élément. Le code ci-dessous fonctionne:

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

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

Cependant, aucun des deux lignes commentées fonctionnent-à-dire qu'ils ne sont pas applicables l'événement de clic à une case à cocher nommée « ShowBox » avec une classe de « searchcheck ». Pourquoi est-ce?

Answer 1

JQuery utilise des fonctions plutôt que des propriétés pour définir les gestionnaires.

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

Answer 2

Il n'y a pas de propriété onclick pour un objet jQuery; Lorsque vous utilisez $([selector]), un objet jQuery est renvoyé, pas un élément.

utilisation soit

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

ou

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

comme si

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

Answer 3

si vous aviez vraiment le faire avec une mission, je pense que

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

fonctionnerait.