首页 > 蚂蚁部落 > 正文

$.extend()和$.fn.extend()区别
2017-12-27 09:19:53   来源:   评论:0 点击:

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

制作插件的时候经常用到$.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")就是一个对象实例,这样它就可以调用添加的方法,当然在实际的开发中,几乎不可能有这么简单的例子,这里只是讲述一下原理。

相关热词搜索:

上一篇:JavaScript数组最大值和最小值
下一篇:JavaScript密码强度提示

分享到: 收藏
评论排行