jQuery
最終更新：2019/03/31
●付箋
お手軽に付箋を作るjQueryプラグインjQuery Sticky Notes Plugin
jQueryプラグイン「Growl」
●画面全体の操作をロック
[ jQuery ] 画面全体の操作をロックする ( z-index の活用 )
●disabled設定
【jquery】jqueryを使って画面の全ての要素をdisabled設定する
jQueryのprop()でdisabled属性を切り替える
【jquery】jqueryを使ってラジオボタンやチェックボックスのdisabled設定
jQueryでdisabledの設定･解除･判定をする方法
jQuery aタグに.prop()と.attr()した時では挙動が違うっぽい？
jQueryでボタンのdisabledを解除したい
jQuery：jQueryを使用して要素の表示・非表示
●要素の表示・非表示
jQueryでtoggleメソッドを使って要素の表示・非表示を切り替える方法
jQueryで要素の表示・非表示を切り替える方法について
【jQuery】jQueryでブロック要素の表示非表示
jQuery 要素を表示/非表示にするサンプル(showとhide)
jQuery：jQueryを使用してdiv要素の表示・非表示
【jQuery】要素の表示・非表示について (show, hide, toggle)
●スクロールに追従
jQueryスニペット：[jQuery] スクロールすると途中から要素が付いてくる | かちびと.net
【jQuery】スクロールすると上からニョキっと出てきてそのまま追従するメニューの実装方法 | oku-log
scrollに応じて要素を固定/解除するCSS「position: sticky」とpolyfill「sticky-state」の紹介（脱jQuery） | maesblog
スクロール途中から位置が固定されるナビゲーションを作ってみる | Unformed Building
jQuery：スクロールしたらヘッダーやナビゲーションを固定・変化させる動きを実装するサンプルコード 5 | NxWorld
スクロールに追従するナビゲーションの工夫と実装（2/2）｜WD ONLINE
jQuery+CSS3でスクロールするとアニメーションして狭くなる固定ナビゲーション | webOpixel
jQueryでスクロールすると上部に固定されるナビゲーション | webOpixel
特定位置までスクロールすると要素が追従する処理を実装する | cly7796.net
第64回 jQueryでつくるスクロール追従メニュー｜コーディング代行ならコーディングファクトリー
●文字サイズ変更
jQueryを使ってフォントサイズ変更ボタンを実装する方法
http://techmemo.biz/javascript/font-size-change-jquery-cookie/
フォントサイズを変更「Text Resizer」
https://webkaru.net/jquery-plugin/text-resizer/
CSS切替なしでフォントサイズを変更するjQueryのスクリプト
http://web-mugen.com/javascript/jquerynochangecssfontsizechange/
[ プログラミング ] jquery.cookie.jsを利用して文字サイズを変更する
http://coolwebwindow.com/jquery-lab/archives/114
webサイトのフォントサイズをjQueryを使って変更する
https://sterfield.co.jp/designer/web%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ae%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%b5%e3%82%a4%e3%82%ba%e3%82%92jquery%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b/
JQueryでまるっと文字サイズを変更
http://ginneko-atelier.com/blogs/tips/231/
●日付・時刻入力
時刻入力スピンボタン
http://takamints.hatenablog.jp/entry/2014/10/29/124710
jQuery公式サイト - Spinner
http://jqueryui.com/spinner/#time
jQuery公式サイト - Datepicker
http://jqueryui.com/datepicker/#default
Spinner / スピナー
http://alphasis.info/jquery-ui/spinner/
DateTimePicker jQuery plugin select date and time
https://xdsoft.net/jqplugins/datetimepicker/
【jQuery】datetimepicerプラグイン
http://qiita.com/kazu56/items/b6b00cad9c2d3e30a118
jQuery プラグインの DateTimePicker が良さそう
http://qiita.com/wada811/items/1dbb0de4a96a81a34f13
【jQuery】日付と時間を直感的に選択できる［DateTimePicker］が便利です。
http://on-ze.com/archives/2444
jquery.timepicker
http://jonthornton.github.io/jquery-timepicker/
Wickedpicker A simple jQuery timepicker plugin
http://ericjgagnon.github.io/wickedpicker/
時間入力を補助する「timepicker」
https://webkaru.net/jquery-plugin/timepicker/
日付・時刻入力を手助けしてくれるデートピッカー・タイムピッカーを実装できるスクリプト 15
https://www.nxworld.net/tips/15-date-and-time-picker-scripts.html
美しく機能的な日付入力、時刻入力を実装できるJSライブラリまとめ
https://www.webtoolnavi.com/datepicker-matome/
「気が利くね」って言われたい！時刻入力系jQueryプラグイン10選
https://www.webprofessional.jp/10-jquery-time-picker-plugins/
時間を入力できるスタイリッシュなDatepicker「ClockPicker」
http://nomochi.hateblo.jp/entry/2014/11/19/225135
jQueryで日付プルダウン
http://php.o0o0.jp/article/jquery-date_pulldown
jQuery UI Datepickerの日付をプルダウン表示に対応させてみた。
https://www.bugspray.co.jp/15
【jQuery】datetimepicerプラグイン
http://qiita.com/kazu56/items/b6b00cad9c2d3e30a118
HTML + CSS + JavaScript で簡単に導入できるdatetimepicker の比較
https://techracho.bpsinc.jp/shibuya/2014_10_15/19114
jQueryプラグイン 複数選択可能なmultiselectを使ってみました。
https://techracho.bpsinc.jp/shibuya/2014_10_15/19114
時刻入力スピンボタン
http://takamints.hatenablog.jp/entry/2014/10/29/124710
jQuery公式サイト - Spinner
http://jqueryui.com/spinner/#time
jQuery公式サイト - Datepicker
http://jqueryui.com/datepicker/#default
Spinner / スピナー
http://alphasis.info/jquery-ui/spinner/
DateTimePicker jQuery plugin select date and time
https://xdsoft.net/jqplugins/datetimepicker/
【jQuery】datetimepicerプラグイン
http://qiita.com/kazu56/items/b6b00cad9c2d3e30a118
jQuery プラグインの DateTimePicker が良さそう
http://qiita.com/wada811/items/1dbb0de4a96a81a34f13
【jQuery】日付と時間を直感的に選択できる［DateTimePicker］が便利です。
http://on-ze.com/archives/2444
jquery.timepicker
http://jonthornton.github.io/jquery-timepicker/
Wickedpicker A simple jQuery timepicker plugin
http://ericjgagnon.github.io/wickedpicker/
時間入力を補助する「timepicker」
https://webkaru.net/jquery-plugin/timepicker/
日付・時刻入力を手助けしてくれるデートピッカー・タイムピッカーを実装できるスクリプト 15
https://www.nxworld.net/tips/15-date-and-time-picker-scripts.html
美しく機能的な日付入力、時刻入力を実装できるJSライブラリまとめ
https://www.webtoolnavi.com/datepicker-matome/
「気が利くね」って言われたい！時刻入力系jQueryプラグイン10選
https://www.webprofessional.jp/10-jquery-time-picker-plugins/
時間を入力できるスタイリッシュなDatepicker「ClockPicker」
http://nomochi.hateblo.jp/entry/2014/11/19/225135
jQueryで日付プルダウン
http://php.o0o0.jp/article/jquery-date_pulldown
jQuery UI Datepickerの日付をプルダウン表示に対応させてみた。
https://www.bugspray.co.jp/15
【jQuery】datetimepicerプラグイン
http://qiita.com/kazu56/items/b6b00cad9c2d3e30a118
HTML + CSS + JavaScript で簡単に導入できるdatetimepicker の比較
https://techracho.bpsinc.jp/shibuya/2014_10_15/19114
jQueryプラグイン 複数選択可能なmultiselectを使ってみました。
https://techracho.bpsinc.jp/shibuya/2014_10_15/19114
●入力チェック
【jQuery】入力フォームのチェック
http://qiita.com/h-nag/items/f38e7a1a89b117ffef40
jQueryでフォーム入力をチェックする
https://www.tam-tam.co.jp/tipsnote/javascript/post3828.html
チェック
http://pgcafe.moo.jp/new/PHP/index.php?dno=20&fno=1
●数値入力
入力数値の桁区切り挿入
http://kwski.net/jquery/1074/
数値入力に便利なステッパーを実装「Numeric Stepper」
http://kwski.net/jquery/1014/
●入力制限
テキストボックスの入力値を数値限定にしてくれる「jQuery - numeric」
http://kwski.net/jquery/783/
●プレースホルダー
テキストボックス・エリアにプレースホルダーを実装
http://kwski.net/snippets/336/
●戻るボタン禁止
jQueryでできる!!戻るボタンによるブラウザバックの禁止方法について!!
https://byuzensen.com/stop-browserback
●テーブルのヘッダーなどを固定・スクロールバー表示
テーブルのヘッダーを固定してデータ行をスクロール表示「tbodyScroll」
https://webkaru.net/jquery-plugin/tbodyscroll/
Tableのヘッダ固定を行うCSS & JQuery
http://webnonotes.com/css/table-header/
Tableのヘッダ固定、列固定
https://ja.stackoverflow.com/questions/1787/table%E3%81%AE%E3%83%98%E3%83%83%E3%83%80%E5%9B%BA%E5%AE%9A-%E5%88%97%E5%9B%BA%E5%AE%9A
jquery.tablefix.js
http://www.otchy.net/javascript/tablefix/
テーブルのヘッダーと左カラムを固定表示「fixedTblHdrLftCol」
https://webkaru.net/jquery-plugin/fixedtblhdrlftcol/
テーブルのヘッダを固定してスクロールする jQuery プラグイン
http://www.otchy.net/20100308/jquery-tablefix-js-had-released/
テーブルのヘッダー固定化スクリプト！tableタグ複数行をスクロール対応する方法！jQueryプラグインFixed_midashiで簡単に実現！
http://jisakupc-technical.info/programing/jquery/3341/
●複数選択できるドロップダウン
ドロップダウンリストの中にチェックボックスを入れる。
https://ameblo.jp/webmage/entry-11059631420.html
複数選択できるドロップダウン「jQuery MultiSelect Widget」
http://www.h-fj.com/blog/archives/2012/06/18-132453.php
●検索機能付きのセレクトボックス
[JS]セレクトボックスの使い勝手をパワーアップするスクリプト -Select2
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-select2.html
【jQuery】select2プラグイン
https://qiita.com/kazu56/items/953a66d51ac2ff83b689
jQueryプラグインのselect2の初期選択状態について
https://teratail.com/questions/11552
select2：ajaxでの選択肢取得で苦戦した話
http://7thpocket.2-d.jp/select2-loading-remote-data/
検索機能付きのセレクトボックス。jQueryのSelect2を使ってみる
http://ccu.or.jp/2017/05/検索機能付きのセレクトボックス。jqueryのselect2を使っ/
jQueryプラグイン/Select2でデータが独自のJSONフォーマット時にうまく表示できないことへの対応
http://k2work1.blogspot.jp/2014/05/jqueryselect2json.html
jQueryプラグイン[select2] セレクトボックスの拡張（検索）
http://one-person.hatenablog.jp/entry/2016/01/15/121424
jQueryのプラグイン（Select2）がうまく動作しません。
https://teratail.com/questions/66255
ざっくりとSelect2
http://gomocool.net/gomokulog/?p=579
[jQuery] selectボックスのchangeイベントが動かない場合の対処方法
http://www.searchlight8.com/jquery-select-change/
selectボックスを華麗にしてくれる「Chosen」「Select2」
http://kwski.net/jquery/1049/
Railsで検索可能なセレクトボックスのselect2を使う方法
http://ruby-rails.hatenadiary.com/entry/20141112/1415804076
セレクトボックスを100倍使い易くする！！
http://blog.code4u.org/archives/807
selectboxに検索機能を追加できる「Select2」
https://iritec.jp/web_service/11240/
選択内容によりその下の内容も変化するセレクトボックス「Dependent / Cascading Select List with jQuery Select2」
http://bl6.jp/web/javascript/dependent-jquery-select2/
●変更検知
jQueryでテキストボックスの変更を監視/検知する
https://qiita.com/maruyam-a/items/cf0168f91d934b449a07
[jQuery] $(‘form’).change()でフォーム全体の変更を監視する
http://kihon-no-ki.com/jquery-change-method-bind-form-tag
【jQuery】selectボックスのchangeイベントを検知できない
https://blog.falconsrv.net/articles/512
フォーム項目の内容が変更された時のjQueryのイベントまとめ。
http://www.almondlab.jp/labs/1127
jQueryで色々なフォーム入力値をリアルタイム取得する
http://www.kaasan.info/archives/1676
●jQGrid
jqGrid インライン編集データ送信 サンプル
jqGrid 行データ編集サンプル
jQueryプラグイン「jqGrid」を勉強しました その２
jqGrid を試してみる(ソート・並べ替え編)
jqGrid ソートサンプル
●jExcel
jExcel
paulhodel/jexcel
Excelと互換性のあるスプレッドシートを埋め込めるjQueryプラグイン「jExcel」
使いやすいスプレッドシートを実装出来るスクリプト・「jexcel」
jExcel - Webに埋め込んで使えるExcel風表計算
●csv2table.js
CSVファイルをテーブル付きのグラフにするjQuery plugin
これは便利だ！Excel→Table化するjQueryプラグイン
jQuery でCSVをテーブル表示
テーブルを操作するjQueryプラグイン
【jQuery】csv2table.jsで行や列を色分け記事をクリップする
CSVをTable化するjQueryプラグイン「jquery.csv2table.js」
jquery.csv2table.jsでShift_JISのCSVを表示する
●JQuery.Deferred
JQuery.Deferredでwait風メソッド
非同期処理について
jQuery 3での変更点 ～ Promises/A+互換となったDeferred機能を中心に
爆速でわかるjQuery.Deferred超入門
jQuery.when() で、複数の非同期処理を扱う
jQuery.Deferredを使って処理を並列化・直列化
jQuery Deferredまとめ
jqueryで複数非同期終了後に何かを実行したいとき
jQueryで非同期かつ複数同時並列にリクエストするには
Deferredその１：何故をDeferred使うかの理由
Deferredその２：deferred.state()、resolve()、reject()、done()、fail()を検証してみる
Deferredその３：notify()、progress()の検証
Deferredその４：always()による解決済みと拒否のコールバックの共通化
Deferredその５：when()を使用して、複数の非同期処理を並列処理
●その他
検索/ソート/ページャー/フィルター付きのテーブル「Bootgrid」
tableのヘッダ固定やソートとかのAjax系ライブラリまとめ
[jQuery]ページ送りを実装するプラグインjQuery Pagenation
http://www.tailtension.com/jquery/45/
[jQuery]グラフ表示できる「Highcharts」を使ってみました。
http://www.tailtension.com/jquery/1411/
コンテンツ幅が640pxを越えた時にslideUPしたい！
https://teratail.com/questions/28536
jqueryのajax関数を使ってcsvの読み込み
https://teratail.com/questions/66516
jQuery.ajax csv絞り込み検索＆ページング
http://s-ej.com/sample/ajax/ajax0003/
jQuery.flexslider.jsでLoad時のリスト幅が「100px」になってしまう問題
https://ameblo.jp/webmage/theme-10041209980.html
jQuery の ajax 処理で Now Loading の画像を表示する方法
https://jquery.nj-clucker.com/now-loading/
Ajaxで通信中にローディング画像を表示する方法
http://javatechnology.net/ajax/http-loading/
jQuery Waiting - spinners and progress bars
http://trentrichardson.com/examples/jQuery-Waiting/
jQuery & Ajax通信を使ってPHPから取得した値をタイマーで監視するサンプル
[jQuery] 処理を一定の間隔で繰り返し実行する方法
jQuery & Ajax通信を使ってPHPにPOSTでデータを送信するサンプル
画面のスクロールに合わせて画像を読み込むjQueryプラグイン「LazyLoad with jQuery」
Copyright© 2005- Naoyuki Sano. All rights reserved.