$.extend()和$.fn.extend()区别

2017-12-23 19:16| 发布者: admin| 查看: 545| 评论: 0|来自: 蚂蚁部落

制作插件的时候经常用到$.extend和$.fn.extend两个方法,外观和作用都非常的类似,实际上它们区别是巨大的,下面简单介绍一下它们的区别。

JavaScript中尽管没有类这个概念,但作为一门面向对象的语言,其实有着类似于类的实际应用;从标准面向对象的概念来说,jQuery就是一个封装好了类,通过选择器获得的是jQuery对象实例。

一.$.extend():

此方法是用来扩展jQuery类;全局性方法,直接用jQuery类引用即可。

代码实例如下:

[JavaScript] 纯文本查看 复制代码
$.extend({minValue:function(a,b){return a<b?a:b;}})
$.minValue(5.6);

也可以将这类方法称作为工具方法。

更多$.extend()方法内容参阅$.extend()方法一章节。

二.$.fn.extend():

此方法用来扩展jQuery类的实例方法,代码如下:

[HTML] 纯文本查看 复制代码
<script type="text/javascript">
$(document).ready(function(){
   $.fn.extend({
   theAlert:function(){
      alert("自定义的函数");
    }
  })
  $("thediv").theAlert()
})
</script>
</head>
<body>
  <div id="thediv">按钮</div>
</body>
</html>

$.fn.extend方法为jQuery类扩展一个实例方法,必须用对象实例来调用此方法,$("thediv")就是一个对象实例,这样它就可以调用添加的方法,当然在实际的开发中,几乎不可能有这么简单的例子,这里只是讲述一下原理。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部