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 ローカルでリンク集
• ただのリンク集のHTMLですが、JSの配列を読み込むように作られたシンプルに整形したサンプルです。 業務用PCなどでウェブサービスの利用に制限がある時、あるいは自分用のリンクメモだからネットにあげたくないような時、ローカルでリンク集を作ることがよくあり...
• 2022-06-12 22:35:43

• jQuery ライブラリを使って音をコントロールする
• howlerJSというライブラリを使って、ボタンを押したら音がなるだけのシンプルなサンプルです。 ボタンをjQueryで実装し、音の再生部分をライブラリを利用して実装します。 以下のボタンを押すと、mp3の音が再生されます。 自転車ベル...
• 2021-01-31 19:15:44

• jQuery 上部スクロールでローディングアニメ
• スマホで最上部までスクロールし、さらに引っ張ると更新されたり、データが読み込まれたりするUIがよくあります。 そのサンプルを作ってみました。 スマホ...
• 2020-08-11 23:50:19

• jQuery 告知テキストの演出
• ブラウザの上部中央に固定でちょっとした告知を表示するサンプルです。 例えば、何かを保存したときや、検索が見つからなかったときなど、ただ文字を書いてあげるだけじゃなく、アニメーションで強調したいときに使えます。...
• 2020-06-08 00:27:43

• jQuery 狭いエリアに文字をアニメで格納する
• 文字列を動的に埋め込むとき、デザインの都合上、どうしても横幅に 制限あるときがよくある。そんな時に使ってほしいサンプルがこちら。 スマホなどの横幅が狭い画面で、人の名前や地名など動的に入ってくる文字を設置したいことがあります。 そんなときサーバーサイドで文字を切って「…...
• 2020-01-27 00:36:08

• jQuery 自動ドア風アニメーション
• 画像や文字などを隠しておいて、クリックで表示させるサンプルです。 まずは、シンプルに表示させるパターンです。 toggle fadeToggle slideToggle トグルは表示、非表示。フェードは徐々に透明度で変化。ス...
• 2019-07-29 07:56:24

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

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

• jQuery 透明度を変更する
• 画像や要素の透明度を指定の値にフェードイン、フェードアウトするサンプルです。 ボタンを押すと１０段階で画像の透明度が上がり、画像が消えて行きます。 fadeOutメソッドを使うと一発で消えてしまうので、少しずつ透明度をコントロールす...
• 2019-08-03 22:56:20

• jQuery コンテンツの選択と変更
• jQueryのcontentsメソッドの活用サンプルです。 特定の要素の中の子要素に対して、一斉に変更などの処理を行いとき、contentsメソッドが便利です。 言葉で説明するのも難しいので以下のサンプルをご参照くだ...
• 2019-08-07 23:40:57