$.extend()和$.fn.extend的编写用法实例

学习jquery的伙伴们也许会遇到关于$.extend和$.fn.extend的用法问题吧。
也是在编写插件用所遇到些新知识点！

今天来总结下，也方便和大家一起交流学习^_^

一、$.extend()的用法实例：

$.extend()的用法是为Jquery全局对象添加了一个静态方法,

<script>
  $.extend(
    {
      mytest:function(str){   //全局对象添加的方法命名
      alert("第一次调用"+str);
      }
    }
  )
  $.mytest("$.extends");   //消息框弹出“第一次调用$.extends”
</script>

*在代码块中用$.mytest()就可以直接调用方法。感兴趣的伙伴可以做做实例试验。

一、$.fn.extend()的用法实例：

$.fn.extend()是个非常有意思的操作用法，可以为实例添加新方法。
我将$.fn.extend()弄得比较好玩些吧,也方便大家了解它的神器作用。

<div style="width:300px;height:300px"></div>
<script>
 $.fn.extend({
    mytest:function(str){  //为全局的实例添加方法
      this.css("background",str);    //实例的属性进行修改背景颜色
    }
  });
  /* 点击div事件 */
  $("div").click(function(){
    $("div").mytest("#F00");  //将原来的css()换个名字来玩~
  });
</script>

当$.fn.extend创建了方法后，全局的实例就可以很轻松调用到它了，伙伴们来试试吧！