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

这是因为当您将字符串传递给选择器时，jQuery 使用 sizzle 选择器引擎在 DOM 中搜索该元素。所以你正在寻找 <document />元素，显然不会存在。

正确的语法是使用 $(document) ;注意缺少引号。 jQuery 然后使用 document对象作为父选择器。