手记

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

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

7人推荐
随时随地看视频
慕课网APP

热门评论

求解,那我要传很多值怎么办?

一个是绑定到dollar对象上的属性,只能静态调用,一个是绑定到dollar的prototype上的方法,可以动态地调用

查看全部评论