◀ 14.

$(document).ready(function() { ...

▶
編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！

$(document).ready(function() { ... }); は、jQueryを使用してWebページが読み込まれたときに実行する関数を定義する方法の一つです。

これは、HTML文書が読み込まれた後、DOM（Document Object Model）が完全に構築された時点でコードが実行されることを保証するもので、JavaScriptコードを安全かつ一貫して実行するための慣用句として広く使われています。

具体的には、以下のように書きます。

$(document).ready(function() {
  // ここに実行したいコードを書く
});

 

このコードは、Webページが読み込まれた後、DOMが完全に構築されたときに、指定された関数が実行されることを保証します。

この方法は、Webページの読み込みが完了する前にJavaScriptが実行されてしまうことを防ぐことができます。また、複数のJavaScriptファイルがある場合でも、読み込みの順序によってコードが実行される順番が変わることがなくなります。

なお、 $(function() { ... }); と短縮して書くこともできます。

 

編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！
子ページ
子ページはありません
同階層のページ
  1. 導入方法
  2. 文法
  3. HTML/CSS操作・制御
  4. 要素の取得
  5. 値の取得
  6. 値と要素の追加
  7. 値と要素の削除
  8. 子要素の削除
  9. 要素のコピー
  10. Ajax
  11. 項目をタッチ/クリックしてスライドさせる方法
  12. テキスト/セレクトボックス/ラジオボタン変更時のイベント
  13. パスワードを一時的に表示させる方法
  14. $(document).ready(function() { ...
  15. セレクトボックスにオプションを追加する方法

人気ページ

最近更新/作成されたページ