您的位置:首页 > Web前端 > JQuery

【知识点总结】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({})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: