skillup

技術ブログ

JavaScript

jQueryの書き方について

投稿日:

jQueryの書き方は一般的に以下のように書きます。

上記の処理ですが、細かく書くとDOMが構築されてから実行という意味が含まれています。

細かく書くと以下のような動きになります。

これを省略したのがページトップの書き方になります。

ちなみに$マークはjQueryオブジェクトを省略した書き方になります。ですので、そのままかいても動きます。

また画像などもすべて読んだあとという意味ではonloadになります。

参考リンク

$(function(){}) と $(window).on(‘load’,function(){}) の違い

jQueryの読込み「ready」と「load」と「function」の順番について

ちなみに下記のような書き方もあります。にてますがjQueryのものとは違いますので注意しましょう。

詳しくは下記リンクで説明していますが即時関数というものです。

JavaScript 変数、配列、オブジェクト、スコープ、関数、オブジェクトの基本について

 

-JavaScript

執筆者:


comment

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

関連記事

no image

Vue.jsについて

次の現場で使うかもしれない技術ということでvue.jsをちょこちょこっと勉強。とっていっても1時間ぐらいしか勉強しておらずイントロだけですが・・ Contents1 vue.jsとは?2 ソース3 参 …

no image

JavaScriptでのオブジェクト指向 クラス作成&インスタンス生成

JavaScriptというと一般的にはjQueryを使って画面の装飾をするスクリプト言語という認識が一般的かと思います。 しかし、JavaScriptでもPHPなどのようにオブジェクト指向的な思想は実 …

no image

jquery multipleについて(基本編)

selectで複数選択をするときには通常のプルダウンでも可能ですが、プラグインを使うともっとスマートに対応できます。 今回私が実装したかったのがCSVアップロードorダウンロードで項目を自由に変更した …

no image

bootstrapでのJavaScriptエラーチェック

お問い合わせフォームの入力チェックというのは本来サーバーサイド側でやらなくてはいけないのですが、JavaScriptによってクライアント側でやることも可能です。 入力欄にフォーカスして、遷移したときに …

no image

JavaScript 変数、配列、オブジェクト、スコープ、関数、オブジェクトの基本について

日頃業務で使っているJavaScriptについて。自分的なメモです。 Contents1 変数定義2 配列の定義2.1 展開3 オブジェクトの定義3.1 展開4 関数4.1 スコープ4.2 即時関数4 …