插件基础篇4:开发笔记整理(转载)
2012-03-06 14:40
417 查看
这两一直在看Jquery插件的开发,上次在网上找了相关的文章,不过后来没记来,再去找就难了。只好自己来写个文章,已便日后记忆!
先贴出插件代码,里面注释
复制代码[/u]代码如下:
(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不能大写,不然出错。
下面为使用代码
复制代码[/u]代码如下:
@{
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插件就写到这里!
先贴出插件代码,里面注释
复制代码[/u]代码如下:
(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不能大写,不然出错。
下面为使用代码
复制代码[/u]代码如下:
@{
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 插件开发笔记整理
- 【转载】HoloLens开发学习笔记(二):学习资源整理
- 插件基础篇1:jquery插件开发方法(初学者)(转载)
- (开发笔记)转载:-Dmaven.multiModuleProjectDirectory system propery is not set.eclipse中使用maven插件报错
- 转载!有关GTK开发的笔记[整理中]
- (开发笔记)转载:eclipse maven 插件 自动生成mybatis dao、mapper
- 决策树学习笔记整理(转载)
- iOS开发笔记 - 常用第三方库整理
- Chrome插件开发学习笔记(一)
- Android开发笔记整理
- DATA GUARD(笔记加转载加理解--未完,整理中
- Code Plus插件开发笔记
- (转载)Deep Learning(深度学习)学习笔记整理系列之(六)
- 我的Firefox插件开发之旅(8)——插件的安装与更新(转载)
- OC开发_整理笔记——多线程之GCD
- Kinect开发学习笔记之(二)Kinect开发学习资源整理 (转)
- Android快速开发整理(库、插件、常用网站)
- (转载) 安卓开发学习笔记
- Android应用开发笔记——打造自己的标签栏(转载)