Document.ready不起作用

Question

知道为什么这段代码不起作用？我在HTML中定义了一个带有此ID的文本输入字段。

$('document').ready(function()
{ 
    $('#inputUsername').keyup(alert("something"));
}
);

Answer 1

keyup需要一个功能：

$('#inputUsername').keyup(function() {
    alert("something")
});

或者，事先定义函数：

function clickHandler(event) {
    alert("something");
}

并将其传递给：

$('#inputUsername').keyup(clickHandler)

并取消引用document - 这是它自己的变量。

Answer 2

Document是浏览器中的变量。您不需要单引号：

$(document).ready(function () { ... });

Answer 3

document是它自己的全局变量（标准DOM）。

$(document).ready(function()

您可以在文档页面上看到此示例 http://api.jquery.com/ready/

Answer 4

您的代码将尝试选择名为document的元素。

<document></document>

相反，您希望使用名为document的全局变量，或者使用简写，即将处理函数直接传递给jQuery选择器。

$(document).ready(function(){
  // this runs on DOM ready
});

或

$(function(){
  // this runs on DOM ready
});

Answer 5

您的错误在这里：

$('#inputUsername').keyup(alert("something"));

.keyup采用上述功能 NOT 。你可以这样做：

$('#inputUsername').keyup(function(){alert("something")});

它只会调用一个函数;）