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 を使用します。

例:

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

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

jQuery の簡単な例 2

言いたいこと:

🎜>