Jquery Plugin 初学
2016-03-31 17:29
519 查看
今天尝试写了一下Jquery Plugin,算是Jquery 面向对象的一种
有几点心得
1. $.fn 的用法,类似prototype
2.this 必须赋值给局部变量
3. extend的用法
4.如何绑定事件的用法
$.fn.test = function (options) {
var settings = $.extend({
color: "dcdcdc",
url:"hello"
}, options);
var _oSelf = this;
this.click(function () {
alert(settings.color);
_oSelf.addClass("Green");
});
}
有几点心得
1. $.fn 的用法,类似prototype
2.this 必须赋值给局部变量
3. extend的用法
4.如何绑定事件的用法
$.fn.test = function (options) {
var settings = $.extend({
color: "dcdcdc",
url:"hello"
}, options);
var _oSelf = this;
this.click(function () {
alert(settings.color);
_oSelf.addClass("Green");
});
}
相关文章推荐
- jquery select取值,赋值操作
- 基于jquery实现轮播焦点图插件
- jQuery源码学习:使用隐藏的new来创建对象
- jquery的mouseover和mouseout闪烁问题
- jquery.cookie.js 中cookie删除问题
- PHP+jQuery+Ajax多图片上传
- jquery元素获取
- jQuery.form.js使用
- Web jquery ajax,EL遍历 js刷新 jquery遍历json数组填充表格 等等随笔
- jQuery -- 操作select
- jQuery.hover() 函数详解
- JQuery中的extends详细介绍
- jquery jsonp简单实例
- jQuery Autocomplete
- jquery的位移,页边距整理
- 关于JQuery中的Deferred延迟操作对象
- zTree结合jquery.contextMenu.js实现右键菜单
- jQuery取select框中的值
- jquery获得iframe内容的高度
- jQuery 复选框全选反选