Jquery 插件开发笔记整理

240 阅读 0 评论 159 点赞

我是靠谱客的博主发嗲大碗，最近开发中收集的这篇文章主要介绍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> 