innerhtml - InnerHTML - 自调用函数有效，但为什么 Jquery 文档不就绪？

Question

我正在测试用 innerHTML 编写一些东西，没有任何事件处理程序。我想知道为什么Jquery document ready不起作用 - 我认为它应该是一个自调用函数？常规的自调用功能确实有效。

如果我在 HTML 中有这个

<div id="content">
  <p><span id="html_span1"></span></p>
  <p><span id="html_span2"></span></p>
</div>

在 JS 中，常规的自调用函数起作用：

(function(){
     document.getElementById('html_span1').innerHTML = "self invoking function works";
}());

但不是 Jquery 就绪功能：

$(document).ready(function() {
    document.getElementById('html_span2').innerHTML = "Is this displayed?";
});

如果我将 Jquery 函数放在顶部，那么另一个函数将停止工作 - 怎么会？此外，以 }()) 结尾的自我唤起功能；- 额外的括号非常重要，否则它不起作用。我不明白那个括号的含义是什么？

score 1 · Accepted Answer

如果您使用的是 Jquery，最好使用选择器：

$( document ).ready(function() {
// Handler for .ready() called.
    $("#html_span2").html("Is this displayed?");
});

看到它运行并使用它：http: //jsfiddle.net/c66t0tb2/

1 回答 1