0

次のコードがページに「このテキストがロード時に表示される理由」を表示するのはなぜですか?

<!DOCTYPE html>
<html lang="en">
<head>
<title>Hello title</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
$(function() {
    $('<h4>Why this text appears on load</h4>').click(function() {
        alert('3');
    }).insertAfter($('h1'));
});
</script>
</head>
<body>
    <h1>H</h1>
</body>
</html>
4

3 に答える 3

4

jquery.js では、jQuery はDOMContentLoadedイベントまたはイベントを使用して、DOM の準備が整っていることをリッスンしていますdocument.onreadystatechange。dom の準備が整うと、渡されたすべてのコールバック.ready()がトリガーされ、その後のすべての呼び出し.ready()がすぐに実行されます。

注:$(function(){})と同等です$(document).ready(function(){})

于 2013-02-04T16:19:14.587 に答える
2

$('<h4>Why this text appears on load</h4>')document.read()insertAfter($('h1'));の後に挿入されます

$(function() {})document.ready(function() {})ページ内の html 要素が使用可能になるとすぐに実行される短い形式です。

于 2013-02-04T16:18:40.507 に答える
2

$(function(){})の省略形です$(document).ready(function(){})。したがって、ドキュメント (DOM) の準備が整うと、コードが実行されます。

要素を作成し、<h4>それにクリック ハンドラを割り当ててから<h1>、ページの各要素の後に追加します。

于 2013-02-04T16:20:05.450 に答える