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 相关文章推荐
javascript中的几个运算符
Jun 29 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
May 07 Javascript
jquery动态添加元素事件失效问题解决方法
May 23 Javascript
EasyUi datagrid 实现表格分页
Feb 10 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
JavaScript:Date类型全面解析
May 19 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
May 24 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
Aug 03 Javascript
基于JavaScript实现窗口拖动效果
Jan 18 Javascript
js 发布订阅模式的实例讲解
Sep 10 Javascript
JS中图片压缩的方法小结
Nov 14 Javascript
vue 全局环境切换问题
Oct 27 Javascript
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中cookie的作用域
2008/03/27 PHP
php mssql 分页SQL语句优化 持续影响
2009/04/26 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
php+websocket 实现的聊天室功能详解
2020/05/27 PHP
jQuery的一些注意
2006/12/06 Javascript
让FireFox支持innerText的实现代码
2009/12/01 Javascript
javascript和jquery修改a标签的href属性
2013/12/16 Javascript
javascript中数组的多种定义方法和常用函数简介
2014/05/09 Javascript
JavaScript 链式结构序列化详解
2016/09/30 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
2017/02/20 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
2017/04/11 Javascript
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
详解Vue SPA项目优化小记
2018/07/03 Javascript
vue实现浏览器全屏展示功能
2019/11/27 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
使用Typescript开发微信小程序的步骤详解
2021/01/12 Javascript
Python的Flask框架及Nginx实现静态文件访问限制功能
2016/06/27 Python
浅谈Python爬取网页的编码处理
2016/11/04 Python
Python实现的科学计算器功能示例
2017/08/04 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
Python 实现子类获取父类的类成员方法
2019/01/11 Python
Python3中urlencode和urldecode的用法详解
2019/07/23 Python
Python算法中的时间复杂度问题
2019/11/19 Python
美丽的现代设计家具:2Modern
2018/07/26 全球购物
英国时尚高尔夫服装购物网站:Trendy Golf
2020/01/10 全球购物
学生就业推荐信
2013/11/13 职场文书
2013届毕业生求职信范文
2013/11/20 职场文书
房务中心文员岗位职责
2014/04/16 职场文书
协议书范本
2014/04/23 职场文书
网络技术专业求职信
2014/07/13 职场文书
小学生感恩父母演讲稿
2014/08/28 职场文书
科技馆观后感
2015/06/08 职场文书
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL
Python 数据可视化之Seaborn详解
2021/11/02 Python