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

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

• jQuery マウスのトリガーいろいろ
• マウスの動きで発動させる場合によく使われる記述を一部列挙しておきます。 クリックしたら、何かが起こる仕掛けはよく使われますが、ダブルクリックや右クリック（＝コンテクストメニュー）でも発動させることが可能です。 マウスの場...
• 2019-07-29 21:39:13

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

• JS クリックでコピー
• ボタンをクリックするとテキストなどをコピーするJSのサンプルです。 jQueryのプラグイン「clipboard.js」を使うと、どこかをクリックすることで、クリップボードにコピーすることができます。 コピーが成功したらイベントを動か...
• 2019-08-03 12:30:15

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

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

• jQuery 画像のコピー防止の比較
• 画像のコピー防止といっても、基本的にスマホやPCに表示されている時点で、ブラウザに保存されており、しかもキャプチャでも撮ってしまえば、閲覧者は同じ画像を...
• 2019-08-07 17:19:03

• jQuery 右クリックを画像ごとに制御
• Webサイトが出回り出したときから、ずっと版権、著作権的な問題は課題となっています。 そこでいつも、こんなこと出来ないか、と挙がってくるのが、保存防止を...
• 2019-08-07 17:08:42

• jQuery 「.live」メソッドは使わない
• 「.live」メソッドは、jQuery 1.9から使えなくなったようです。 クリックの場合 [[$('#hoge').live('click', function() { });]] ↓こちらが推奨 [[...
• 2019-08-04 22:41:25

• jQuery 初めてのjQuery
• jQueryを読み込む まずは本家サイトからダウンロードして読み込む。 jQuery.com あるいはGoogleがホスティングするjQueryを読み込む。 Google Hoste...
• 2019-08-04 16:46:38