jQuery

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

• JavaScript 画像をcanvasに変換する
• imgタグで呼び出した画像をcanvasに描画するサンプルです。描画の際にリサイズもします。 表示した画像をCanvasに描画します。 imgの元画像は600pxですが、CSSで200pxにしているので、canvasでも200pxに合わせてリサイズしています。 このサンプ...
• 2020-09-13 14:10:15

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

• jQuery 画像読み込んでから発火
• 重い画像を読み込んだ後に表示します。 大きな画像や画質の高い画像は読み込みに若干時間がかかります。 読み込み中にJSが発火してしまうと、画面がガタついたり、予期せぬ動きをしてしまったりしま...
• 2019-08-07 21:46:57

• jQueryとCSS カードをクリックでめくる表現
• jQueryとCSSのアニメーションを使って、カードをクリックすると画像がめくれる表現のサンプルです。 以前カードをめくるような表現のサンプルを記載しましたが、改善版です。 要素をコピペで量産、順番を変えてもJSの修正は不要のため、編集が楽になりました。...
• 2019-07-28 04:58:36

• jQuery スクロールでクラス付加、解除
• スクロールするとクラスを追加して、変化させるサンプルです。 要素がブラウザの中央付近になったときに、エフェクトがかかるデザインをよく見かけるようになりました。 このサンプルでは、特定クラスで囲った要素までスク...
• 2019-07-28 17:14:04

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

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

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