【知识点总结】jQuery的扩展方法
2015-06-02 18:24
701 查看
1、全局扩展
无参
jQuery.sun = function() {
alert('这是一个测试的全局扩展.');
};
调用:$.sun();
有参
jQuery.sun = function(name) {
alert('这是一个“”写的测试的全局扩展.');
};
调用:$.sun(“sxy”);
为了防止冲突定义的类全局变量
jQuery.mySunClass={
fncsun1:function(){
alert("函数1");
},
fncsun2:function(name){
alert("函数2:"+name);
}
};
调用:
$.mySunClass.fncsun1();
$.mySunClass.fncsun2(“sxy”);
2、函数扩展
(function(sun){
sun.fn.extend({
bar2:function() {
alert('对象级别插件extend方式1');
},
bar3:function(name) {
alert('对象级别插件extend方式2,,'+name);
}
})
})(jQuery);
调用:
sun("#sundiv").bar2();
sun("#sundiv").bar3(“sss”);
参考资料:http://www.iteye.com/topic/545971
个人总结:
全局扩展类似于C#声明的静态类,可以进行直接调用,典型例子jquery的ajax模块
对象扩展类似于C#的函数方法,通过指定的对象进行调用,典型例子jqueryUI的自动填充插件jQuery(obj).catcomplete({})
无参
jQuery.sun = function() {
alert('这是一个测试的全局扩展.');
};
调用:$.sun();
有参
jQuery.sun = function(name) {
alert('这是一个“”写的测试的全局扩展.');
};
调用:$.sun(“sxy”);
为了防止冲突定义的类全局变量
jQuery.mySunClass={
fncsun1:function(){
alert("函数1");
},
fncsun2:function(name){
alert("函数2:"+name);
}
};
调用:
$.mySunClass.fncsun1();
$.mySunClass.fncsun2(“sxy”);
2、函数扩展
(function(sun){
sun.fn.extend({
bar2:function() {
alert('对象级别插件extend方式1');
},
bar3:function(name) {
alert('对象级别插件extend方式2,,'+name);
}
})
})(jQuery);
调用:
sun("#sundiv").bar2();
sun("#sundiv").bar3(“sss”);
参考资料:http://www.iteye.com/topic/545971
个人总结:
全局扩展类似于C#声明的静态类,可以进行直接调用,典型例子jquery的ajax模块
对象扩展类似于C#的函数方法,通过指定的对象进行调用,典型例子jqueryUI的自动填充插件jQuery(obj).catcomplete({})
相关文章推荐
- 【快速编程】jQuery操作表格行上下移动
- jQuery插件开发
- JQuery 将一个text文本框动态改变为一个文本编辑器
- JQuery+Ajax 整理
- JQuery 总结
- difference of top and left between Javascript and Jquery
- JQuery+ajax+jsonp 跨域访问
- 用jQuery与JSONP轻松解决跨域访问的问题
- jQuery插件开发
- jquery的$.extend和$.fn.extend作用及区别
- jquery.fn.extend与jquery.extend用法与区别
- jQuery插入,复制、替换和删除节点
- jQuery中$.fn的用法示例介绍
- Jquery+asp.net后台数据传到前台js进行解析的方法
- absolute、relative,toggle()
- JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值
- JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery序列化表单为JSON对象
- jQuery学习笔记2--表格内容筛选