面向对象封装插件思想 jquery
来源:互联网 发布:淘宝买伟哥怎么流程 编辑:程序博客网 时间:2024/05/16 18:52
写了很多年的js 对于封装成一个通用的插件 用过很多种方法 现在来一一来记录下 所谓积累便是进步 每天一点点 每天就是一大步 废话不多说我来看下
1.常用的jq 申明表达式 进行封装的对象 看起来是不是很清晰 又不污染变量
var a = function (){
return {
auto:function(pm){
var loader = {
num:"3"
}
var pml = $.extend(true,loader ,pm);
alert(pml.num);
},
get:function(pm){
var loader = {
num:"2"
}
var pml = $.extend(true,loader ,pm);
alert(pml.num);
}
}
}()
调用方法 可以传参数 也可以不传 不传的 话就是默认参数 传了就是你所传的参数
$(document).ready(function(){
a.auto({num:"8"});
a.get();
})
2.利用jq插件机制来编写我们需要封装的插件
(function($){
$.fn.table = function(pm){
var loader = {
num:"2"
}
var pml = $.extend(true,loader,pm);
var i_self = $(this);
return _self.each(function(){
_self.on("click",function(){
alert(pml.num);
})
})
}
})(jQuery);
调用方法
$(document).ready(function(){
$("table").table({num:"7"});
$("table").table();
})
3.利用json面向对象方式来进行封装;(function(w,$){
var load = {
get : function(callback,config){
var config = config?config:{};//防止参数未传而报错
alert("恭喜你调用到我了");
callback&&callback(config);
}
}
$.load = load;
})(window,window.jQuer)
调用方法
$(document).ready(function(){
$.load.get();
$.load.get(getAjax,{
num:"8"
});
function getAjax(config){
alert(config.num);
}
})
如以上有什么问题 可以直接向我提出 谢谢大家关注
- 面向对象封装插件思想 jquery
- 面向对象编程思想---封装
- 面向对象思想-封装拖拽对象
- Java面向对象思想之一:封装
- iOS 面向对象思想之封装
- 跳出面向对象思想(三) 封装
- 封装,面向对象设计编程思想
- 面向对象编写jQuery插件
- JS面向对象入门(jquery思想)
- Java经典封装JDBC模板(充分体现面向对象思想)
- java面向对象基本思想--封装继承多态
- Java经典封装JDBC模板(充分体现面向对象思想)
- java编程面向对象思想:封装,继承,多态
- Java经典封装JDBC模板(充分体现面向对象思想)
- Java经典封装JDBC模板(充分体现面向对象思想)
- a.面向对象编程思想(封装继承多态接口)
- Java经典封装JDBC模板(充分体现面向对象思想)
- 重温面向对象的思想OOP——封装
- 获取URL中参数的值
- myeclipse添加server library
- 大学期间所有课设及大作业源代码
- java定时器
- H2O的Deep Autoencoders
- 面向对象封装插件思想 jquery
- 【Android架构Telephony篇】Subscription和SubscriptionManager
- Nginx代理静态资源
- js数组元素怎样删除最后一个元素
- java中compareTo的用法
- PHP Composer 的安装
- 多媒体查询语法
- IBM主机系统与和操作系统导论期末复习知识点总结
- java 数据转换