$.fn.extend和$.extend的用法

一、基本JQ扩展插件的格式
一个扩展插件的格式一般是:

(function($){.........})(jQuery);

当然,为了防止压缩合并等操作时,它前面的js代码没有结束分号而引起错误,
这里可以在前面加个;就是:

;(function($){.........})(jQuery);

传入参数可以有多个,比如:

;(function($, window,document,undefined){.........})(jQuery,window, document);

二、对JQ选中元素的方法的扩展(JQuery 所选对象扩展方法),调用类似于$(“selector”).myMethod()

类似于.click(),.show()这种调用方式的方法。。属于对jQuery.fn的扩展,所以,扩展自己的方法,这样写:

  $.fn.extend({
    myMethod: function () {
    //用this可以拿到调用该方法的jq dom元素
    //do your work
    }
  });
  $("#dd").myMethod();

 或者:
  $.fn.myMethod = function(){
    //用this可以拿到调用该方法的jq dom元素
    //do your work
  };

$("#dd").myMethod();

二、对JQ自身的扩展,调用如$.ajax()
我们先把jQuery看成了一个类,这样好理解一些。
jQuery.extend(),是扩展的jQuery这个类。
比如:猴子这个类,会说话,会爬树。现在我们用jQuery.extend()给它增加一个本领,让它也会敲代码。

  $.extend({
    myMethod: function (param1, param2....需要传入的参数) {
      //do your work

    }
  });

 

例如扩展一个得到最大最小值的方法:

  $.extend({
    min: function (a, b) {
      //do your work
      return a < b ? a : b;
    },
    max: function (a, b) {
      return a > b ? a : b;
    }
  });

调用如下:

var result = $.max(10,20);//得到10和20中最大的树
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值