什么是document.ready？

Question

我正在使用JQuery创建这个非常基本的程序，但不知怎的，它不起作用。我花了20分钟，但无法弄明白。不知道我在里面缺少什么。代码是这样的：

<head>
    <script>
        $('#error').html('<p>There are 4 horses.</p>');
                            or
        alert($('#error').html());
    </script>
</head>
<body>
    <div id="container">
        <div id="error">
            <h2>hello</h2>
        </div>
    </div>
</body>

你可以指导我错误的地方。

Answer 1

放置代码

$('#error').html('<p>There are 4 horses.</p>');

里面的

$(document).ready( function() {

});

HTML

<!DOCTYPE html>
<html>
<head>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.11.0.js'></script>
<script type='text/javascript'>
//<![CDATA[ 
$(document).ready( function() {
 $('#error').html('<p>There are 4 horses.</p>');
 alert($('#error').html());
});
//]]>  
</script>
</head>
<body>
  <div id="container">
    <div id="error">
         <h2>hello</h2>
    </div>
</div>
</body>
</html>

Answer 2

您必须使用document.ready这是一个在文档准备就绪时会触发的事件。

$(document).ready( function() {
     $('#error').html('<p>There are 4 horses.</p>');
});

什么是document.ready？

document.ready除了准确地操作DOM之外别无其他需要。我的意思是，当你开发一个大的jQuery插件时，你很难在整个代码中使用它，因为你试图保持干燥，所以你尽可能抽象地操纵DOM的方法但是意味着稍后再调用。当所有代码紧密集成时，document.ready中公开的唯一方法通常是init所有DOM魔法发生的地方。

想了解更多有关document.ready的信息？检查一下：When should I use jQuery's document.ready function?

Answer 3

您需要拨打function on page load：

$(function() {
$('#error').html('<p>There are 4 horses.</p>');
});

JSFiddle Demo

无法更改div标签内的内容

3 个答案:

什么是document.ready？