手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Jquery 插件开发笔记整理
Jquery 插件开发笔记整理
摘要:只好自己来写个文章,已便日后记忆!先贴出插件代码,里面注释复制代码代码如下:(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插件就写到这里!

【Jquery 插件开发笔记整理】相关文章:

jquery读取xml文件实现省市县三级联动的方法

JQuery插件ajaxfileupload.js异步上传文件实例

Jquery注册事件实现方法

Jquery zTree 树控件异步加载操作

JQuery选择器、过滤器大整理

JQuery中上下文选择器实现方法

jQuery插件expander实现图片翻转特效

JQuery中DOM事件合成用法实例分析

网页常用特效代码整理

jQuery插件zepto.js简单实现tab切换

精品推荐
分类导航