自定义jquery插件
来源:互联网 发布:2016全球汽车销量数据 编辑:程序博客网 时间:2024/06/07 20:58
自定义jquery插件
在实际项目开发构成中,避免不了把一些通用性的代码进行封装,进而插件化,下面就简单说下jquery插件的开发。
jquery 自定义通常使用js闭包的模式
一般模式为
(function($){
//do something
})(jQuery)
下面我们看下实现插件的几种方式
1.通过jquery 的 $.extend()
2.通过$.fn
3.通过 $.widget()
一般前两种方式比较常用 重点说下前两种方式:
第一种:$.extend() 意思主要对jquery进行扩展
定义方式为
$.extend({
myFunc:function(param){
//方法体
console.log(param);
}
})
调用:
$.myFunc('abc');
第二种:$.fn.myFunc 意思是定义一个jquery 方法
定义方式
$.fn.myFunc = function(){
//方法体
}
调用:
直接获取dom对象,然后调用此方法,比如 页面有个div <div id = 'test'></div>
则通过 $("test").myFunc();调用此方法
参数传递:
在自定义插件过程中,我们需要自己传递参数,在没有指定参数的前提下使用默认参数
var default = {
‘name’:‘’,
‘age’:‘’
}
var setting = $.extend({},default,options);
具体示例如下:
(function($){
$.fn.myFunc = function(options){
var default = {
name:'john',
age:'20'
};
var opts = $.extend({},default,options);console.log(opts.name);
}
})(jQuery)
调用:
html:<div id='test'></div>
js: $('#test').myFunc({name:'ws',age:'24'});
- [ jQuery ] jquery 自定义插件!
- jquery 自定义插件开发
- 自定义jQuery插件
- jquery自定义插件
- jQuery 自定义插件
- jquery 自定义插件开发
- jquery自定义插件
- jquery 自定义插件小结
- Jquery自定义插件
- jQuery自定义插件
- jQuery自定义插件
- JQuery扩展自定义插件
- jQuery自定义插件
- jQuery 自定义插件
- jQuery--自定义插件
- jQuery自定义插件
- jquery自定义插件
- jQuery自定义插件
- 使用kernel-package编译内核imgage包
- android 之 Intent、broadcast
- Android Studio 2.3 签名打包问题
- 复习fragment的生命周期
- USACO-Section1.2 Palindromic Squares
- 自定义jquery插件
- ORACLE 普通表转换成分区表(在线重定义)
- 关于去重复的笛卡尔积
- 关于a标签内的onclick事件只能点击一次的问题
- Linux网络编程(二)——多进程并发,通信服务
- Cookie与Session学习
- Unknown character set: 'utf8mb4'
- Shell通过特定字符把字符串分割成数组
- 远程拷贝命令scp