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 XMLをパースする
• XMLファイルをJavaScriptのjQueryで解析し、情報を加工するサンプルです。 例えば以下のようなXMLがあるとします。 [[ <?xml version="1.0" encoding="UTF-8"?> <urlset> <url> <loc&...
• 2020-10-04 22:14:29

• jQuery 画像遅延読み込みのサンプル
• たくさんの画像を読み込ませるとき、ファーストビュー以外は後で読み込ませるというサンプルです。 jQueryのプラグインでlazyloadという画像を後から読み込ませるプラグインもありますが、それを使わないで自作します。 いろんなオプションは必要ない 細か...
• 2019-08-08 00:56:46

• jQuery スクロールでURLを書き換える
• URLを書き換えるJSを、スクロールで移動したコンテンツの位置をトリガーに発動させるサンプルです。 記事などのコンテンツで、スクロールして下まで読み切ると、次の記事が表示されるサイトがあります。 今時は通信速度が速く、ついついたくさん読ませるための...
• 2019-07-29 20:32:02

• jQuery 入力フォームの変更時に発動させる
• セレクトボックスやラジオボタン、チェックボックスを選択したときや、テキストボックスに入力ときをきっかけにその情報を受け取るサンプルです。 まずはセレクトボタンを変更すると、そのテキスト情報と相応する値を取得するサンプルです。 A型 B型 AB型 O型 選択...
• 2019-08-07 23:34:10

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

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

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

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

• jQuery 文字数に応じてスタイル変更
• 特定の文字数を超える場合、指定したクラスを追加します。 データから自動で文字が配置されるときなど、長い文字を手動で調整できない場合に便利です。 $(...
• 2019-08-02 23:58:03