JQ 自定义函数总结

看到几种JQ函数的定义方法 ，小记一下

方法 一 ：

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

 

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

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

$.ajaxPost = function(url, data, callback) {
    $.post(url, data, callback,  "json" );
};

$.ajaxPost('/post/ajaxUrl',{},function(data){});







方法  二：

定义变量的形式自定义函数，以传递一个对象做为参数为例：

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

//  方法 三 ：

以拓展的方式添加函数：

$.extend({
    setHtml: function() {
        $( "#test" ).html( '2222222222' );
    },
    setClick:function(param){
      alert( 'test' +param);
    }
});
$(function() {
    $.setHtml();
    $.setClick( '123' );
});

// 方法四：

选择器传递方式：

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