Jquery 插件开发笔记整理
Jquery 插件开发笔记整理
发布时间:2016-12-30 来源:查字典编辑
摘要:只好自己来写个文章,已便日后记忆!先贴出插件代码,里面注释复制代码代码如下:(function($){//扩展$.fn.extend({//...

只好自己来写个文章,已便日后记忆!

先贴出插件代码,里面注释

复制代码 代码如下:

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类