插件基础篇4：开发笔记整理（转载）

这两一直在看Jquery插件的开发，上次在网上找了相关的文章，不过后来没记来，再去找就难了。

只好自己来写个文章，已便日后记忆！ 
先贴出插件代码，里面注释 

复制代码代码如下:

(function ($) { 
//扩展 
$.fn.extend({ 
//插件名称 
height: function (options) { 
//默认参数 
var defaults = { 
color: '红色' 
}; 
//覆盖默认参数 
var opts = $.extend(defaults, options); 
//主函数 
return this.each(function () { 
//激活事件 
var obj = $(this); 
obj.click(function () { 
alert(opts.color); 
}); 
}); 
} 
}) 
})(jQuery); 
//注后面的(jQuery)一定要这样，Q一定要大写，j不能大写，不然出错。 

下面为使用代码 

复制代码代码如下:

@{ 
ViewBag.Title = "Home Page"; 
} 
@section Header{ 
<script src="@Url.Content("~/Scripts/jquery.extends.js")" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$("p").height({ color: '黑色' }); 
}); 
</script> 
} 
<h2>@ViewBag.Message</h2> 
<p> 
To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>. 
</p> 

很简单吧，其实开发Jquery插件还有其它的方法，我只是感觉这种方法比较好，可读性也比较好。 

jquery插件就写到这里！