jQuery는 어떻게 클릭 이벤트를 처리합니까?

Question

jQuery를 처음 사용하여 요소의 ID를 사용하여 작동하도록 선택자를 가져올 수 없습니다. 아래 코드는 작동 :

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

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

그러나,이 개 주석 라인도 그들이 "searchcheck '의 클래스'쇼박스 '라는 체크 박스에 클릭 이벤트를 적용하지 않는다 즉 작동합니다. 왜 이런거야?

Answer 1

JQuery와는 핸들러를 설정하는 기능보다는 속성을 사용합니다. 당신이 정말로 과제와 함께해야 할 일을했을 경우

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

Answer 2

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 3

, 내가

생각

$ ("# 쇼박스") [0] .onclick = ShowAccessible;

.