細かすぎて伝わらないjQuery拡張 (終) – Advent Calendar 2016
この記事は賞味期限切れです。(更新から1年が経過しています)
今年のアドベントカレンダーは、23ほどのjQuery拡張関数を連日ご紹介してまいりました。
おさらい
毎度お世話になっているjQueryで、毎回書いてしまうちょこざいな関数をつらつらとしたためて来ました。 実際の中身はjQueryの機能への依存度はさほど高くない(?)ので、少しいじれば別にjQueryと一緒に使わなくても良い物もあったりします。 強いて言えば元々そんなにjQueryは好きではありませんが、結局使うことが多いので仕方ないですね。
インデックス
23個まとめてリストにしておきます。目次のようなもの。
- $.chainCase(str) :String
- キャメルケースの文字列をチェインケース・スネークケースに変換する
jQuery依存度 : 無 - $.classify(obj) :Function
- クラスライクな関数を生成する
jQuery依存度 : 中 - $.configify(obj) :Object
- オブジェクトに options を設定・変更する config() メソッドを実装する
jQuery依存度 : 中 - $.dig(path, obj) :Any
- ドットシンタックスの文字列を渡すとそのオブジェクトを掘り起こして返す
jQuery依存度 : 無 - $.escapeHTML(str) :String
- HTML文字列をエスケープする
jQuery依存度 : 無 - $.eventify(obj) :Object
- オブジェクトにイベント管理のメソッド(on, off, trigger)を実装する
jQuery依存度 : 低-中 - $.attributify(obj) :Object
- オブジェクトに属性管理のメソッド .attr() を実装する
jQuery依存度 : 低 - $.format(template, str, str…) :String
- “%s%d” 形式のフォーマットに則って整形された文字列を返す
jQuery依存度 : 無 - $.formatNumber(num) :String
- 数値を三桁ずつカンマで区切った文字列で返す
jQuery依存度 : 無 - $.observe(callback) :Deferred
- コールバック関数を渡してその返り値を監視する
jQuery依存度 : 無 - $.parseQuery(str, asArray) :String
- URLのサーチ文字列(”?key=value&key2=value2″ )をパースする
jQuery依存度 : 低 - $.parseURL(str) :Object
- URL文字列をホスト名やサーチ文字列・ハッシュなどにパースする
jQuery依存度 : 無 - $.random(start, end) :Any
- 範囲の間からランダムな数値を取得したり、リストの中からランダムに値を取得する
jQuery依存度 : 無 - $.rebase(obj, pattern) :Object
- オブジェクトに属しているメソッドをそのオブジェクトに bind する
jQuery依存度 : 低 - $.render(template, data) :String|Function
- 単機能のテンプレート関数
jQuery依存度 : 低 - $.scrollTo(dest, offset, options, selector) :void
- ページあるいは要素の中身をアニメーションでスクロールする
jQuery依存度 : 高 - $.fn.serializeObject() :Object
- フォーム要素をシリアライズして、オブジェクトで返す
jQuery依存度 : 高 - $.fn.extract(asArray) :Object|Array
- 非Form要素の内容をシリアライズする
jQuery依存度 : 高 - $.series(callback, callback …) :Deferred
- 連鎖的に直列処理を実行する
jQuery依存度 : 高 - $.fn.submitAsync(props) :Deferred
- Form要素を非同期でsubmitする
jQuery依存度 : 高 - $.times(count, callback) :void
- n回処理を繰り返す
jQuery依存度 : 無 - $.timing.*
- User Timing API のラッパー
jQuery依存度 : 無 - $.fn.transition(props, options) :jQueryObject
- $.fn.animate() のようにCSS Transitionを実現する
jQuery依存度 : 高
リポジトリ
全て纏めた物をGithubのリポジトリにしてあります。ご自由にどうぞ。
jquery-tiny-extentions @ GitHub
それでは皆様、良い年末をお過ごしください。
コメント