skillup

技術ブログ

JavaScript

jQueryの書き方について

投稿日:

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

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

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

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

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

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

参考リンク

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

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

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

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

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

 

-JavaScript

執筆者:


comment

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

関連記事

no image

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

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

no image

cssフレームワークをnode_modulesから読み込む+cssの拡張

JavaScriptを1ファイルでまとめて読み込める方法が分かったので(参考リンク npmでのJSライブラリインストール)、CSSでも似たような方法があったのでメモ。 流れを言うと、下記のようになりま …

no image

JavaScriptのコールバック関数について

JavaScriptでのコールバック関数について。 たまにでてきますが、これまた慣れないと手間取ります。 コールバック関数に関してまとめると以下のような感じでしょうか。 ある関数(func1)の引数と …

no image

npmでのjQueryライブラリの読み込み

npm経由でjQueryやDatepickerなど一般的なライブラリをrequireしてビルドする手法について。 以前も下記エントリーで書きましたが、再学習。 npmでのJSライブラリインストール&ビ …

no image

ejsのテンプレート

普段生のHTMLを書く機会はほとんどなく、画面側の仕事でもフレームワークを使うことがほとんどなので搭載されているテンプレートを使っています。 で、生のHTML/CSSの本を読んでいてejsなるテンプレ …