Jquery 插件开发笔记整理


Posted in Javascript onJanuary 17, 2011

只好自己来写个文章,已便日后记忆!
先贴出插件代码,里面注释

(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 相关文章推荐
锋利的jQuery jQuery中的DOM操作
Mar 21 Javascript
新发现一个骗链接的方法(js读取cookies)
Jan 11 Javascript
基于jquery打造的百分比动态色彩条插件
Sep 19 Javascript
判断ie的两种简单方法
Aug 12 Javascript
jQuery中:disabled选择器用法实例
Jan 04 Javascript
jQuery中trigger()与bind()用法分析
Dec 18 Javascript
Validform表单验证总结篇
Oct 31 Javascript
js实现密码强度检验
Jan 15 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
Sep 04 Javascript
Node.js API详解之 console模块用法详解
May 12 Javascript
ES6中的Javascript解构的实现
Oct 30 Javascript
vue实现列表垂直无缝滚动
Apr 08 Vue.js
JQuery学习笔记 nt-child的使用
Jan 17 #Javascript
Jquery知识点三 jquery表单对象操作
Jan 17 #Javascript
基于jquery的返回顶部效果(兼容IE6)
Jan 17 #Javascript
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
Jan 17 #Javascript
Jquery知识点二 jquery下对数组的操作
Jan 15 #Javascript
Jquery知识点一 Jquery的ready和Dom的onload的区别
Jan 15 #Javascript
JavaScript去掉数组中的重复元素
Jan 13 #Javascript
You might like
分享一则PHP定义函数代码
2015/02/26 PHP
PHP文件操作方法汇总
2015/07/01 PHP
功能强大的PHP图片处理类(水印、透明度、旋转)
2015/10/21 PHP
PHP实现多关键字加亮功能
2016/10/21 PHP
php注册审核重点解析(数据访问)
2017/05/23 PHP
JavaScript静态的动态
2006/09/18 Javascript
记录几个javascript有关的小细节
2007/04/02 Javascript
jQuery 学习6 操纵元素显示效果的函数
2010/02/07 Javascript
我的Node.js学习之路(一)
2014/07/06 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
2015/03/03 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
实例解析jQuery中proxy()函数的用法
2016/05/24 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
vuejs如何配置less
2017/04/25 Javascript
vue.js框架实现表单排序和分页效果
2017/08/09 Javascript
基于Three.js实现360度全景图片
2018/12/30 Javascript
Python标准库defaultdict模块使用示例
2015/04/28 Python
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
django框架之cookie/session的使用示例(小结)
2018/10/15 Python
python的slice notation的特殊用法详解
2019/12/27 Python
解决python中import文件夹下面py文件报错问题
2020/06/01 Python
python exit出错原因整理
2020/08/31 Python
CSS3 滤镜 webkit-filter详细介绍及使用方法
2012/12/27 HTML / CSS
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
几个Shell Script面试题
2012/08/31 面试题
小学运动会广播稿200字(十二篇)
2014/01/14 职场文书
体育专业自荐书
2014/05/29 职场文书
预备党员转正考核材料
2014/06/03 职场文书
社区护士演讲稿
2014/08/27 职场文书
检讨书范文
2015/01/27 职场文书
婚宴邀请函
2015/01/30 职场文书
2016十一国庆节慰问信
2015/12/01 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
《家世》读后感:看家训的力量
2019/12/30 职场文书
MySQL库表名大小写的选择
2021/06/05 MySQL
Python selenium的这三种等待方式一定要会!
2021/06/10 Python