Jquery 插件开发

这两一直在看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插件就写到这里！