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 消去法のUI
• 一覧になっている要素をユーザの操作で削除するUIのサンプルです。 ニュースやECなど閲覧の傾向からレコメンドされることはありますが、私はそのおすすめが気に入らないことがよくあります。 裏でいろいろな仕組みが動いて、最...
• 2019-08-07 23:58:46

• jQuery タブ（横）シンプル版
• 過去に作ったタブのサンプルから、コードをよりシンプルに改変しました。 スタンダードなタブメニューですが、作るとなると意外と面倒です。 でもプラグインを使うほどでもないので、以下のソースをコピペでお使いください。...
• 2019-08-03 23:07:51

• jQuery スライドスイッチ
• スマホの設定などでよく見かけるスライドしてスイッチをON/OFFするUIのサンプルです。 右にスライドするとON、左に戻すとOFFになるデザインをCSSだけで形と動きを実装しています。 以下のスワイプではなく、スイッチ全体をタップするだけで、切り...
• 2019-08-03 23:00:36

• jQuery キーを押されたら実行
• キーボードのボタンを押されたときに何かを実行するときのサンプルです。 例えば「a」のボタンが押されたときに、何かイベントを発動させたいときjQueryで発動させることができます。 まずは、キーを押された時に取得できる値を確認...
• 2019-08-03 22:05:56

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

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

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

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

• jQuery アコーディオンメニュー
• スマホなどの限られたスペースの中で、いろんな項目の内容を表示させたいときに、便利なのがアコーディオンメニューです。 クリックすると見出しごとに詳細情...
• 2019-07-29 05:54:34

• jQuery IDやClass指定でスタイルを変える
• jQueryを用いてHTMLで書かれた要素を後から変更をかけたいということが、よくあります。本件ではスタイルを変更するために、クラスを追加するサンプルを用意しま...
• 2019-08-02 23:18:15