jQuery Plugin の作り方

メモ

Html

<head>
<title>サンプル</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="sample.js"></script>
<script type="text/javascript">
$(function(){
	$("div.target").setName({value: "さん"});
});
</script>
</head>
<body>
<div class="target" name="田中"></div>
<div class="target" name="林"></div>
</body>

.js ファイル

(function($) {
	$.fn.setName = function(options) {
		var elements = this;

		// 引数に設定値を追加
		var settings = $.extend({
			'greeting' : 'こんにちわ'
		}, options);

		// 要素を一個ずつ処理
		elements.each(function() {
			var text = new String(jQuery(this).text());
			var name = $(this).attr("name") + settings.value + " " + settings.greeting;
			jQuery(this).html(name);
		});
	};
})(jQuery);


Comment



Counter: 3152, today: 1, yesterday: 0

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2013-09-24 (火) 14:56:11 (1278d)