No.180


【TypeScript】JQueryのpluginを利用する

TypeScriptでJQueryのpluginを利用したい

 TypeScriptは共通作業などに便利な反面、記述方法の癖が強くてまるで新しい言語を覚えるかのような気分になる。

 特に面倒臭く感じるのでがjQueryのpluginを使うとき。読み込むだけでは駄目で、TypeScriptに所在を伝えるためのtsファイルを作成しないといけない。

 このしちめんどくさい処理を回避する方法があったのでメモ。


回避方法

 TypeScriptの拡張型宣言anyを使う。

 anyで宣言した型にjQueryオブジェクトを突っ込み、そのオブジェクトからメソッドを直接実行するようにする。

var jObj: any = $('セレクタ');
jObj.プラグインのメソッド();

 これでOK。実にシンプルだ。


元ネタ

 下記のサイトを参照した。感謝の極み。

けさらんぱさらん TypeScriptでjQueryプラグイン