[今さらjQuery] $(function() ドルカッコファンクション
公開日： :
最終更新日：2020/08/26 jQuery
意味
このhtml(=DOM)をすべて読み込んだ後に実行する。(画像は除く)
書き方
$(function() {
処理
}省略しない書き方
上記は本来の書き方より省略された書き方である。
省略しない書き方があるが、こげな書き方はせんじゃろ。じゃが、遭遇したときのために書き記しておく。
パターン1
jQuery(function() {
処理
}パターン2-1
$(document).ready(function() {
処理
}パターン2-2
jQuery(document).ready(function() {
処理
}ブラウザが読み込んでる順番と実行タイミング
- ページの読み込みが始まる
- HTMLの読み込みが終わる
- $(document).readyが実行
- 画像など含めすべてのコンテンツの読み込みが終わる
- $(window).loadが実行
$(function(){…}); が実行されるのは、上記の3番目っすな。
参考にしたサイト
Googleアドセンスレスポンシブ
関連記事
-
[今さらjQuery] [id^=”prefix”] キャレットイコールで前方一致
概要 jQueryのセレクタで、指定した文字列から始まる属性名を指定する。 例
-
[今さらjQuery] .toggleClass()メソッドで指定したクラスを出したり消したり
概要 toggleClass(クラス名)メソッドは、「クラス名」が在れば無くし、無ければ付け足
-
[今さらjQuery] .find()メソッドで指定したセレクタの子孫要素を取得
概要 指定したセレクタの全子要素を探す。 例 <div>色が<span&
-
[今さらjQuery] .removeClass() でClassを削除
概要 指定した要素から、引数に指定したクラスを削除する。 例 <p class="h
-
[今さらjQuery] .text()メソッドで指定した要素の文字列を結合取得
例 <p>a</p> <p>b</p> &
-
今さらjQuery 基本
文法 セレクタ.メソッド セレクタとは 操作する対象のDOM（Document Objec
-
[今さらjQuery] $thisはどこを参照しているか
結論 https://www.flatflag.nir87.com/this-1371 $(
-
今さらjQuery onメソッドでイベント駆動
概要 jQueryのオブジェクトにイベントを紐付ける。 例 $
-
[今さらjQuery] .val()メソッドでvalueの値を取得
例 <input id="tb" type="text"> <script
-
[今さらjQuery] .html()でhtmlの内容を抽出する
例 <p>aaa</p> ↑HTML $('p')