jquery自定义函数总结,提升代码优雅性,一定有启发!

方法一:
定义多个方法,将方法统一放到一个对象里,以传递一个字符串为例:

GDScript3
12 行
//方法定义 
$.func = {
    //定义一个方法aa 
    aa: function(param) {
        alert("aaaaaa" + param);
    },
    //定义一个方法bb 
    bb: function() {
        alert("bb");
    }
}
$.func.aa('123'); //调用$.func里的aa方法

定义单个方法,ajax异步提交可以如下封装:

代码片段
4 行
$.ajaxPost = function(url, data, callback) {
    $.post(url, data, callback, "json");
};
$.ajaxPost('/post/ajaxUrl',{},function(data){});

方法二:
定义变量的形式自定义函数,以传递一个对象做为参数为例:

GDScript3
7 行
var test = function(x) {
    //弹出对象 x 里的 a 变量和 b 变量 
    alert(x.a + " 对象传参 " + x.b);
}
$.func = test;
//传递一个对象
$.func({a: "111",b: "222"});

方法三:
以拓展的方式添加函数,如下示例:

代码片段
12 行
$.extend({
    setHtml: function() {
        $("#test").html('2222222222');
    },
    setClick:function(param){
      alert('test'+param);
    }
});
$(function() {
    $.setHtml();
    $.setClick('123');
});

方法四:
选择器传递方式:

JavaScript
6 行
$.fn.setHtml=function () { 
    $(this).html('22222222222');
} 
$(function() {
    $("#test").setHtml(); 
});

上述方法测试的HTML代码如下: