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

• JS 緯度経度を取得する
• JavaScriptを使って現在の位置(GPS)情報を取得します。 下記のボタンを押すと、ブラウザの機能として、位置情報の取得の可否確認が起動します。 許可をすると緯度、経度、それと誤差の範囲をメートル単位で表示しま...
• 2019-08-07 21:19:04

• jQuery クラスをSVGタグに追加、変更
• SVGタグにaddClassするとクラスが追加されないときの対応です。 SVGタグにクラス操作しようとすると反映しない場合ときがあります。 そのときは以下の内容を確認してみましょう。 [[$('svg').addClass('クラス名');]]...
• 2019-08-07 21:15:52

• jQuery 要素のスライド
• 左右のボタンをクリック、タップすると要素が左へ移動します。スワイプにも対応しました。 複数のテキストや画像を並べて表示する場合、そのまま並べてしまうと画面が埋まってしまいます。 そんな時のサンプルです。 高さや幅を固定して、はみ出す...
• 2019-07-28 17:21:54

• URLエンコード、デコードツール
• URLエンコードとデコードをしてくれるJavaScriptの便利ツールです。 URLの語尾（クエリー）に [[?search=http%3A%2F%2F]] のようなパーセントから始まる文字列を見かけることがあります。 これはページのプログラムに対...
• 2019-08-07 21:10:42

• jQuery iframeを後から読み込み
• youtubeなどをホームページに埋め込もうとするとiframeタグで貼ることが主流です。 iframeタグで貼ると非同期であるものの、imgタグと同様にそのsrc属性に...
• 2019-07-28 04:43:48

• jQuery JSONの読み込み
• jQueryを使ってJSONを読み込むサンプルです。 getJSON関数を利用します。 [[jQuery(function(){ var jsonPath = ''; $.getJSON(jsonPath,function...
• 2019-08-03 12:18:27

• jQuery 処理の実行
• jQueryのコードを読み書きするときに、ほとんどの場合登場するのですが、 意外と手も頭も覚えてくれませんので、メモ書きを残しておきます。 よくあるのが該...
• 2019-08-07 20:33:52

• jQuery 指定の高さを超えたらボタンを表示
• 文章のデザインを組んでいる時に、高さを抑えたい場合がたまにあります。 スクロールをつけることもありですが、他に以下のように隠れた情報は、ボタンを押す...
• 2019-07-29 06:11:18

• jQuery メディアクエリと同様の出し分け
• CSSのメディアクエリによって、ウィンドウの幅に応じたスタイルの出し分けは、よく見かけるようになってきました。 そこで、そのウィンドウサイズに応じてJS...
• 2019-07-28 15:49:54

• jQuery パララックス　簡易版
• パララックスとは、視差効果を使って奥行きを出す表現のことです。 よくいろんなサイトで使われるのは、マウスやスクロールによって、要素が時間差で動くこと...
• 2019-08-07 17:44:53