jquery.basic.js(function($){ /* プラグイン名(myplugin)を指定 */ /* 関数にオプション変数を渡す */ $.fn.myplugin=function(config){ /* 引数の初期値を設定(カンマ区切り) */ var defaults={ defColor:"#ff6699", defPadding:5 } var options=$.extend(defaults, config); /* 一致した要素上で繰り返す */ return this.each(function(i){ /* プラグイン内での現在の要素はthisで参照 */ $(this).text(this.tagName+"["+i+"]").css({"color":defaults.defColor,"padding":defaults.defPadding}); }
![jQueryプラグインの作り方|jQuery Tips|Ajax|PHP & JavaScript Room](https://cdn-ak-scissors.b.st-hatena.com/image/square/4785a29b81a3301fb946a3e1fdbe16b5b9dcab5f/height=288;version=1;width=512/http%3A%2F%2Fphpjavascriptroom.com%2Fcommon%2Fimages%2Fapple-touch-icon.png)