jquery - jQuery没有找到元素

Question

jQuery 没有找到任何元素。alert($("#testbutton").length);每次显示 0。

难道我做错了什么？

我的 JS/jQuery 代码：

(function ($) {
    alert($("#testbutton").length);
}) (jQuery);

我的 HTML：

<html>
    <body>
        <div id="header">
            <div class="button" id="testbutton">Test</div>
        </div>
    </body>    
</html>

score 6 · Accepted Answer

当您的代码运行时，DOM 尚未准备好，因此该元素不存在。你是不是打算这样做（将函数传递给 jQuery 是 jQuery 的快捷方式$(document).ready(fn)）：

$(function () {
    alert($("#testbutton").length);
});

score 2 · Accepted Answer

如果您使用以下方法在头部编写 jQuery 脚本：

(function() {

    ...

})();

它不起作用，因为它可能会在加载正文页面的内容之前执行脚本。

采用：

$(document).ready(function() {

    ...

});

或将脚本移至页脚。

score 1 · Accepted Answer

如您在此处看到的，将其称为准备好的文档：http: //jsfiddle.net/SwQUH/

$(document).ready(function() {
  alert($("#testbutton").length);
});

如果您只是这样称呼它，那么 DOM 还没有“准备好”并且 HTML 元素还不存在。

score 0 · Accepted Answer

尝试以下

<script type="text/javascript">

首先确保在加载 jquery 时没有错误

在加载 DOM 时发出警报并检查是否一切正常。

4 回答 4