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

• jQuery クラスで一括操作
• クラスが付いている要素にだけ処理を実行したい場合のよく使うメソッドです。 filterとhasClassのメソッドのサンプルの二つを用意しました。 実行している内容はほぼ同じです。 まずはfilterメソッドを使った場合...
• 2019-08-07 23:45:03

• jQuery プルダウン
• スマートフォンでプルダウンメニューは、デフォルトでだいぶ使いやすく表現されるようになりましたが、いつになっても自作したいという要求は絶えません。 い...
• 2019-08-01 22:25:28

• jQuery オーバーレイ
• トーストとも呼ばれますが、ブラウザの画面下からコンテンツに覆いかぶさって要素が現れる表現を紹介します、 目を引くエフェクトではありますが、ユーザにと...
• 2019-08-01 08:33:53