JavaScript  :  jQuery

add addClass after ajax ajaxComplete animate append appendTo attr before bind blur cache change children click clipboard clone closest contents contextmenu cookie css csv datepicker dblclick delay die each empty eq error extend fadeIn fadeOut fadeTo fadeToggle filter find fn focus get getJSON hasClass hash height hide hover html if index innerHeight innerWidth insertAfter insertBefore is JSON keydown keypress keyup lazyload live load map masonry mousedown mousemove mouseout mouseover mouseup next nextAll not off offset on one outerHeight outerWidth parent parents parseInt position prepend prependTo prev prevAll prop queue ready remove removeAttr removeClass replace replaceAll resize scroll scrollLeft scrollTop select serialize show size skrollr slice slick slideDown slideToggle slideUp smoothscroll stop submit text Ticker toArrays toggle toggleClass touchend touchmove touchstart trigger unbind unload unwrap val width wrap wrapAll wrapInner xml

• jQuery 非同期通信の完了検知
• jQueryのajaxメソッドの通信の完了を検知して、次の処理を実装するサンプルです。 jQueryでは簡単に非同期の通信が実装できるよう用意されています。 その中で、今回は通信の完了にフォーカスしたいと思います。 完了をきっかけに使えば、...
• 2019-07-30 07:42:23

• jQuery 要素を追加・移動する
• appendとappendToのメソッドの違いを知っておくと要素の追加と移動がかんたんになります。 appendとappendTo、それぞれどんなメソッドかというと、追加したい要素を追加先の末尾に追加するという同じようなメソッドです。 [[$("追加先（セレクタ...
• 2019-08-07 23:29:41

• jQuery 要素を追加するいろんな方法
• ページを表示したり、ボタンを押したりしたとき、画像やテキストなど要素を追加するサンプルです。 jQueryで要素を追加するメソッドは複数あります。 知っておくといろんなUIを作るときに便利です。 どんな違いがあるかというと以下のように、追加する場所...
• 2019-08-07 23:24:08

• jQuery 同じ処理の部分だけまとめる
• 多数の要素に同じ処理を書くとソースが増えて、ちょっとした修正もコピペ祭りになってしまいます。そんなときはaddメソッドが便利。 まずこのようなサンプルを用意しました。 ３つの要素にアニメーションをjQueryでつけています。 demo1 demo2 demo3 動きが終わっ...
• 2019-07-30 22:17:10

• jQuery 使ってしまいそうな非推奨のメソッド
• 廃止予定、または廃止となったjQueryのメソッドの中で気をつけておいた方がものだけピックアップしました。 現役のページで使っていたら、別のコードに差し替えた方がよさそうです。 .live() jQuery 1.7以降.on()を使えとのこと。 .die() jQuery 1.7以降.o...
• 2019-07-28 16:04:50

• jQuery マウスオーバーで画像入れ替え
• マウスのカーソルを合わせると画像が入れ替わるサンプルです。 jQueryで画像の読み込みが完了した後に、オンマウスすると別の画像を表示します。 画像の入れ替えは、imgタグのsrc属性の値の文字列を置換するシンプルな記述...
• 2019-07-30 21:58:07

• jQuery 長押しで発動
• マウスやスマホ用の長押しボタンのサンプルです。 クリックやタップの他に、長く押された時にイベントを発生したときは以下のように作ります。 このサンプルではボタンに触れて２秒後に設定しています。...
• 2019-07-28 04:12:53

• 広告費の指標「ROI」
• ROIとは 広告で使った費用が利益に対して何％になったか割合を表します。 Return on Investmentの略です。 計算式「ROI = 広告由来の利益 ÷ 広告費 × 1...
• 2019-08-07 23:19:13

• 広告費の指標「ROAS」
• ROASとは 広告で使った費用が売り上げとして何倍になったか割合を表します。 Return On Advertising Spendの略です。 計算式「ROAS = 広告由来の売上 ÷...
• 2019-08-07 23:16:01

• 広告費の指標「CPA」
• CPAの計算の算出ツールです。 CPAとは １件の成果に対しての広告費を表します。 Cost Per Acquisitionまたは、Cost Per Actionの略です。 計算式「CPA = 広告費 ÷ 成果件数」...
• 2019-08-07 23:12:18