Javascriptを書いていると、だんだんいろんなことを書いてきて、
「うーんまとめたい。部品化したい」と思うわけです。
で、その部品化としては、JQueryにしてしまうのが、一番かなと・・
ということで、Javascriptで書いた内容を部品化するための
JQueryの自作のしかた
について、調べたので、ここにメモメモ。
■やるべきこと
JQueryの自作のしかたは、
自作のjQueryスクリプトをプラグイン化しよう
http://www.webopixel.net/javascript/392.html
に書いてある。
なので、そのとおりやってみる。
■お題。
ボタンを押されたら、alertを出す。
変数msgを使って、表示するメッセージも変えられる
■サンプル作成
対象となるJQuery(jquery.mkalert.js)
呼び出し側
■結果
クリックした
なんか、部品化に使えそう・・・
「うーんまとめたい。部品化したい」と思うわけです。
で、その部品化としては、JQueryにしてしまうのが、一番かなと・・
ということで、Javascriptで書いた内容を部品化するための
JQueryの自作のしかた
について、調べたので、ここにメモメモ。
■やるべきこと
JQueryの自作のしかたは、
自作のjQueryスクリプトをプラグイン化しよう
http://www.webopixel.net/javascript/392.html
に書いてある。
なので、そのとおりやってみる。
■お題。
ボタンを押されたら、alertを出す。
変数msgを使って、表示するメッセージも変えられる
■サンプル作成
対象となるJQuery(jquery.mkalert.js)
;(function($) {
$.fn.myalert = function(options) {
var opts = $.extend({}, $.fn.myalert.defaults, options);
$(this).click(function(){
alert(opts.msg);
});
};
$.fn.myalert.defaults = {
msg: "OK"
};
})(jQuery);
|
呼び出し側
|
■結果
クリックした
なんか、部品化に使えそう・・・
アクセス
トータル
ランキング
