JQuery: документ против тела

Question

, если я использую:

<a class="btn btn-primary someClassName">Test</> 

$(document).ready(function() { 
    $("document").on("click", '.someClassName', function() { 
     alert('click');  
    }); 
}); 

Если я нажимаю на ссылку, он ничего не делает.

Однако, если я изменить его на:

<a class="btn btn-primary someClassName">Test</> 

$(body).ready(function() { 
    $("document").on("click", '.someClassName', function() { 
     alert('click');  
    }); 
}); 

Затем отображается предупреждение.

Так что мой вопрос: почему $("document").on() не работает, и почему $("body").on() работает?

Answer 1

'document' является селектором элемента, и нет ни одного элемента с тэгом document

$(document) 

Answer 2

Это происходит потому, что при передаче строки в селектор JQuery использует движок выбора шипения для поиска этого элемента в DOM , Итак, вы ищете элемент <document />, которого, очевидно, не будет.

Правильный синтаксис заключается в использовании $(document); обратите внимание на отсутствие цитат. Затем jQuery использует объект document в качестве родительского селектора.