ready() [jQuery]

ready()は、DOMツリーが構築されたら、即関数を実行するjQueryのメソッドです。ready()メソッドは、HTML読み込み後にDOMツリーが構築されたのを検出して、JavaScriptを実行させます。DOMツリーが構築されるタイミングは、ブラウザによって異なってくるので、クロスブラウザ対策が必要ですが、jQueryは、ブラウザの違いを吸収し、簡単に表記できるようにしています。

ページが読み込まれたのを検出するには、loadイベントを通常使うのですが、この場合、DOM構築後、画像などの読み込みが完了しないと、loadイベントが発生しないので、重い画像が有る場合には、JavaScriptの実行が遅れてします。こういった問題をjQueryは解決してくれるので、とても使いやすいです。

jQueryのready()メソッドを使うと、DOM構築後に処理させたいプログラムを記述できるようになりますが、書き方は、以下の２通りあります。後者の省略形の方がシンプルで、コーディングしやすいでしょう。

[サンプル]

ページを読み込んだら（DOM構築後）JavaScriptを実行させる。

ready()関数：$(document).ready(function(){・・・})

 $(document).ready(function(){
   alert("完了");
 });

省略表記：$(function(){・・・})

 $(function(){
   alert("完了");
 });

ブックマーク登録： 7 users 0 user 1 users

(1 votes, average: 4 out of 5)

 Loading ...