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 
< href ="http://asp.net/mvc"  title ="ASP.NET MVC Website" > http://asp.net/mvc </ a > .
</ p >

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

jquery插件就写到这里!

 

 

 

你可能感兴趣的:(jquery)