[今さらjQuery] $(function() ドルカッコファンクション

公開日: : 最終更新日:2020/08/26 jQuery

jQueryのロゴ

意味

このhtml(=DOM)をすべて読み込んだ後に実行する。(画像は除く)

書き方

 


$(function() {
  処理
}

省略しない書き方

上記は本来の書き方より省略された書き方である。

省略しない書き方があるが、こげな書き方はせんじゃろ。じゃが、遭遇したときのために書き記しておく。

パターン1

jQuery(function() {
  処理
}

パターン2-1

$(document).ready(function() {
  処理
}

パターン2-2

jQuery(document).ready(function() {
  処理
}

ブラウザが読み込んでる順番と実行タイミング

  1. ページの読み込みが始まる
  2. HTMLの読み込みが終わる
  3. $(document).readyが実行
  4. 画像など含めすべてのコンテンツの読み込みが終わる
  5. $(window).loadが実行

$(function(){…}); が実行されるのは、上記の3番目っすな。

参考にしたサイト

qiita

Googleアドセンスレスポンシブ

関連記事

jQueryのロゴ

[今さらjQuery] .split()メソッドで文字列を分割

概要 文字列から指定した区切り文字列を堺に分割し、配列として返す。 例 <p id=

記事を読む

jQueryのロゴ

[今さらjQuery] .toggleClass()メソッドで指定したクラスを出したり消したり

概要 toggleClass(クラス名)メソッドは、「クラス名」が在れば無くし、無ければ付け足

記事を読む

jQueryのロゴ

[今さらjQuery] .val()メソッドでvalueの値を取得

例 <input id="tb" type="text"> <script

記事を読む

jQueryのロゴ

今さらjQuery onメソッドでイベント駆動

概要 jQueryのオブジェクトにイベントを紐付ける。   例 $

記事を読む

jQueryのロゴ

[今さらjQuery] .removeClass() でClassを削除

概要 指定した要素から、引数に指定したクラスを削除する。 例 <p class="h

記事を読む

jQueryのロゴ

今さらjQuery 基本

文法 セレクタ.メソッド セレクタとは 操作する対象のDOM(Document Objec

記事を読む

jQueryのロゴ

[今さらjQuery] .attr()メソッドで属性を取得、追加、編集

概要 attrは、指定した要素の属性を取得したり新規追加したり編集できたりする。 属

記事を読む

jQueryのロゴ

[今さらjQuery] .find()メソッドで指定したセレクタの子孫要素を取得

概要 指定したセレクタの全子要素を探す。 例 <div>色が<span&

記事を読む

jQueryのロゴ

[今さらjQuery] [id^=”prefix”] キャレットイコールで前方一致

概要 jQueryのセレクタで、指定した文字列から始まる属性名を指定する。 例

記事を読む

jQueryのロゴ

[今さらjQuery] .stop()メソッドでアニメーションを停止する

引数 第1引数 キューに溜まってるアニメーションを削除するか。 *キューとは待合室のこ

記事を読む

Googleアドセンスレスポンシブ

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

PAGE TOP ↑