Jquery 插件开发笔记整理
更新时间：2011年01月17日 17:41:59 作者：
这两一直在看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插件就写到这里！
先贴出插件代码，里面注释
复制代码 代码如下:
(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操作复选框(CheckBox)的取值赋值实现代码
这篇文章主要介绍了jQuery操作复选框(CheckBox)的取值赋值实现代码,需要的朋友可以参考下2017-01-01
登陆判断在实际应用中还是比较常见，在客户端执行判断可以减少服务器端的负担，感兴趣的朋友可以参考下2013-04-04
jQuery对象和Javascript对象之间转换的实例代码
jQuery对象和Javascript对象之间转换的实例代码，需要的朋友可以参考一下2013-03-03
jQuery简单实现input文本框内灰色提示文本效果的方法
这篇文章主要介绍了jQuery简单实现input文本框内灰色提示文本效果的方法,涉及jQuery针对页面元素的遍历与样式动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
这篇文章主要介绍了JQuery实现ul中添加LI和删除指定的Li元素功能,结合完整实例形式分析了jQuery基于事件响应的页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-10-10
niceTitle是一款当鼠标移到超链接上面显示提示的插件。我们可以使用该插件来实现新闻、文字的预览。2010-05-05
jQuery 中关于CSS操作部分使用说明...2007-06-06
有朋友问我，在是使用eclipse的过程中遇到了这么一个问题--eclipse导入jquery包后报错——究竟是什么原因导致这一问题发生的呢？该如何解决此问题呢？下面小编给大家带来了解决办法，不妨一起看看吧2015-12-12
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
这篇文章主要介绍了jQuery实现横向带缓冲的水平运动效果,涉及jQuery中鼠标事件及animate方法使用技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-01-01
本文通过实例代码给大家简单介绍了jQuery图片缩放插件smartZoom使用以及遇到问题的解决方法，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-08-08
最新评论