JQ 自定义函数总结
博客专区 > Andy_JC 的博客 > 博客详情
JQ 自定义函数总结
Andy_JC 发表于2年前
JQ 自定义函数总结
  • 发表于 2年前
  • 阅读 66
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: 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(); 
});











共有 人打赏支持
粉丝 2
博文 2
码字总数 245
×
Andy_JC
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: