skillup

技術ブログ

JavaScript

jQueryの書き方について

投稿日:

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

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

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

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

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

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

参考リンク

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

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

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

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

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

 

-JavaScript

執筆者:


comment

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

関連記事

no image

webpackについて再履修2

以前やったこの記事への追記的な意味で。 webpackについて再履修 Contents1 webpack-cli2 gulp-webpackは非推奨3 devtoolでデバッグ可能 webpack-c …

no image

JSでの金額変換で気をつけることなど

以前、ちょっと特集した JSでの画面の金額集計 の続きです。 画面で帳票系のアプリを作ろうとしている時など、画面上の値から金額の合計金額を出すなどがよく見られます。 すごく基本的ですが、PHPに慣れて …

no image

jquery multipleについて(応用編) keepOrder

さて、複数選択だけなら前回のエントリーだけでなんとかなりますが、左の項目の順番を入れ変えて保存したい場合、難易度がかなり上がります。 公式ページには下記のように書けばOKとかいてあります。 [cray …

no image

モジュールバンドラparcelについて

現在のフロントエンドだと、es6以降の書き方が主流になっていることもあり、一度慣れてしまうとなかなか戻れない便利さがあります。 私の場合、設定が面倒だったり、Chromeではトランスパイルしなくても動 …

no image

npmコマンドの整理

npmのコマンドのまとめに関して。 Contents1 npmとは?2 よく使うコマンド2.1 npm init -y2.2 npm install パッケージ名(npm -i パッケージ名)2.2. …