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插件就写到这里！