jquery_jquery での $(document).ready() の使用法の概要

window.onload = function(){alert("welcome"); }
この記述メソッドの目的は、ページが読み込まれた後に、定義された js コード (関数) を自動的に実行することです。

$(document).ready(function(){.... }) この関数は、ページ内の window.onload を置き換えるために使用されます。

document.ready() は従来のメソッド に似ています。違いは、onload() メソッドが DOM 要素や他のページを含むページが読み込まれた後にのみ実行されることです。したがって、document.ready() メソッドを使用した要素 (画像など) の読み込みは、onload() メソッドよりも高速に実行されます。

JavaScript は、DOM 要素が定義された後にのみ、DOM 要素に対して特定の操作を実行できます。jQuery は、DOM 要素がロードされた後に実行されるコードが確実に実行されるように document.ready を使用します。

例:

コードをコピー コードは次のとおりです:

< ;script type="text/javascript">
$(document).ready(function () {
alert("初めての jQuery コード!");
});

このコードの意味は次のとおりです: Dom ツリーがロードされると、警告メッセージが表示されます。 document.ready() は従来のメソッド に似ていますが、onload() メソッドは DOM 要素や他のページ要素 (画像など) を含むページが読み込まれた後にのみ実行される点が異なります。 ) したがって、document.ready() メソッドを使用した場合の実行速度は、onload() メソッドよりも高速になります。

最後に 2 つの注意点があります:

要素の onload イベントに登録された関数がないことを確認してください。登録されていない場合、$(document).ready() イベントがトリガーされない可能性があります。 (
以下の例でこれを実証しようとしましたが、成功しなかったので、これは単なる可能性だと思います。)

コードをコピー コードは次のとおりです。

jQuery の簡単な例 2

言いたいこと:

🎜>

$(document).ready() イベントは同じページ内で無制限に使用できます。登録された関数は (コード内で) 順番に実行されます。