#author("2018-01-05T03:56:52+00:00","default:admin","admin") #author("2018-01-19T01:45:43+00:00","default:admin","admin") *基本 [#o305f2c2] **セレクタ [#k11c9c29] -[[jQueryのセレクタメモ:https://qiita.com/Thought_Nibbler/items/5d4fc40a4d4325128b24]] -[[【jQuery】要素を指定するセレクタの使い方 まとめ:http://www.hp-stylelink.com/news/2013/11/20131122.php]] **on() [#p9b95c77] -[[第1回 .on()と.off()を使いこなす 1:https://app.codegrid.net/entry/practical-jquery-1]] -[[【jQuery】onメソッドの使用方法:https://qiita.com/katsunory/items/7b50d399329767a893e1]] -onはbind、live、delegateを統合したもの **one() [#o6c1dfd1] -各要素のイベントに、1度だけ呼び出される関数をbind *Ajax [#f7276934] -[[jQueryのajax()を利用すると返り値をとりたいときのやり方:https://qiita.com/katsukii/items/bd64efcf4f070d77c028]] * プラグイン [#l8007d1c] -[[連載:CSSの書き方も分かる jQueryプラグイン実践活用法:http://www.atmarkit.co.jp/fwcr/design/index/index_jqueryplugin.html]] -[[jQueryのプラグイン33+1選 -2011年4月:http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2011-apr.html]] -[[jQuery TOOLS - The missing UI library for the Web:http://flowplayer.org/tools/]] ... カッコいい。使えるっ! ** グラフ [#md5e20d5] -[[Peity:http://benpickles.github.com/peity/]] ... シンプルなHTMLでインラインに円グラフ、折れ線グラフ、棒グラフを描写 ** データグリッド [#v13e1a11] -[[テーブルに実装できるjQueryプラグインいろいろ:http://www.designwalker.com/2009/09/jquery-table.html]] -[[Best Free jQuery/Javascript Data Grid Glugins:http://www.web-delicious.com/8-best-free-jqueryjavascript-data-grid-glugins/]] -[[TreeGrid:http://www.treegrid.com/treegrid/www/]] -[[テーブルを使ったいろいろなjQueryプラグイン26個まとめ:http://blog.verygoodtown.com/2011/05/jquery-table-plugins/]] --[[DataTables:http://www.datatables.net/]] ... ページング、検索、ソートに対応。テーマも複数用意されており、カラーリングも簡単に変更できる。 --[[Tablesorter:http://tablesorter.com/docs/]] ... 指定した条件でテーブルの行を並び替える事ができる --[[jqGrid:http://trirand.com/jqgrid/jqgrid.html]] ... JSON、XMLからのデータ読み込み、ページング、値の編集など様々なことが可能 --[[HeatColor, a jQuery plugin:http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm]] ... ヒートカラーをテーブルに実装 --[[treeTable:http://plugins.jquery.com/project/treeTable]] ... テーブルの中にツリー構造を実装 --[[Table Drag and Drop:http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/]] ... ドラッグ&ドロップが可能 ** ポップアップウィンドウ [#h6313484] -[[AeroWindow:http://www.soyos.net/aerowindow-jquery.html]] --[[jQueryのAeroWindowプラグインでWindow7風のポップアップウィンドウを表示する:http://jsajax.com/articles/jQueryAeroWindow/1951]] -[[prettyPopin:http://www.no-margin-for-errors.com/projects/prettypopin/]] ** タブ [#be1cc163] -[[[jQuery]コンテンツをスマートに魅せるタブプラグイン集:http://pxrock.com/js/jquery-css-tab-solutions/]] --[[Create Flipping Content Tabs (jQuery):http://webdeveloperplus.com/jquery/create-flipping-content-tabs-using-jquery/]] -[[Create A Tabbed Interface (jQuery):http://net.tutsplus.com/tutorials/javascript-ajax/create-a-tabbed-interface-using-jquery/]] -[[jQuery UI Tabs with Next/Previous (jQuery UI):http://css-tricks.com/jquery-ui-tabs-with-nextprevious/]] -[[Slick Tabbed Content Area (jQuery):http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/]] ** スライダ [#k7d41c9a] -[[Gleenk spotSlider:http://www.gleenk.com/demo/jquery/news-spot-slider-v1/]] --[[リストを使ってシンプルにスライド機能を実装させることが出来るjQueryプラグ イン「jQuery News Slider – gleenk spotSlider:http://black-flag.net/jquery/20110509-3016.html]]