JavaScript  :  jQuery

add addClass after ajax ajaxComplete animate append appendTo attr before bind blur cache change children click clipboard clone closest contents contextmenu cookie css csv datepicker dblclick delay die each empty eq error extend fadeIn fadeOut fadeTo fadeToggle filter find fn focus get getJSON hasClass hash height hide hover html if index innerHeight innerWidth insertAfter insertBefore is JSON keydown keypress keyup lazyload live load map masonry mousedown mousemove mouseout mouseover mouseup next nextAll not off offset on one outerHeight outerWidth parent parents parseInt position prepend prependTo prev prevAll prop queue ready remove removeAttr removeClass replace replaceAll resize scroll scrollLeft scrollTop select serialize show size skrollr slice slick slideDown slideToggle slideUp smoothscroll stop submit text Ticker toArrays toggle toggleClass touchend touchmove touchstart trigger unbind unload unwrap val width wrap wrapAll wrapInner xml

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

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

• jQuery 要素をタグで囲う
• 作った要素を、後から別のdivタグで囲みたいとき、wrapメソッドを使って囲うサンプルです。 下記のサンプルは、クリックすると、クリックされた要素の外側がdivで囲まれ、影のスタイルが当たります。 クリックするたびに、div要素が二重、三重になって...
• 2019-08-07 23:53:39

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

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

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

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

• jQuery 要素のクローンを作成
• 表示されている要素と同じものを動的に作成するサンプルです。 ユーザーがクリックしたら同じ要素が複製されるような機能を作るときには、cloneメソッドが便利です。 わざわざクローンを生成しなくても、同じタグをappend...
• 2019-08-03 22:50:00

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

• jQuery フォームをフォーカスする、はずすで発動
• テキスト入力欄をクリックして、フォーカスがあたったとき、またはフォーカスが外れたとき、発動するサンプルです。 テキストフォームを設置したら、ユーザーの入力を補助したり、促したりする機能を作るシーンがあります。 そんな時はjQueryの以下のメソッドを使うと便利です...
• 2019-07-28 16:20:27