这篇文章给大家介绍jQuery.extend 与 jQuery.fn.extend方法的区别是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
jQuery是一个JavaScript类,如$("#input1")
生成一个 jQuery类的实例。
jQuery为开发插件提拱了两个方法:jQuery.fn.extend()
和jQuery.extend()
。
1、jQuery.extend()
(1)扩展 jQuery 类本身,为jQuery类添加类方法(静态方法)
jQuery.extend({ add: function(a, b) { alert(a + b); } }); jQuery.add(10,20); //30
(2)jQuery.extend(object, object1, [objectN])
用一个或多个其他对象来扩展一个对象,返回被扩展的对象
var obj = { name: 'Alice', age: 25, career: "teacher" }; var object = { name: 'Bruce', career: "doctor" }; jQuery.extend(obj, object); //obj = { name: 'Bruce', age: 25, career: "doctor" }
2、jQuery.fn.extend()
把对象挂载到 jQuery 的 prototype
属性,来扩展一个新的 jQuery 实例方法,也就是通过这个 extend
添加的新方法,实例化的 jQuery 对象都能使用,因为它是挂载在 jQuery.fn
上的方法。
查看jQuery源码可发现,jQuery.fn = jQuery.prototype
。jQuery.fn挂在原型上,由于对原型的修改会影响所有实例,因此fn上的方法会对每一个jQuery实例有效。
对jQuery.fn
的扩展,就是为jQuery类添加成员函数,jQuery类的实例可以使用这个成员函数。
jQuery.fn.extend({ clickFunc: function() { $(this).click(function(){ alert($(this).val()); }); } }); $("#input1").clickFunc(); //输出文本框的文本
3、jQuery.extend()
与 jQuery.fn.extend()
的区别
jQuery.extend()
是为jQuery类添加类方法(静态方法),需要通过jQuery类来调用(直接使用 $.xxx 调用);
jQuery.fn.extend()
是为jQuery类添加成员函数(实例方法),所有jQuery实例都可以直接调用(需要使用 $().xxx 调用)。
关于jQuery.extend 与 jQuery.fn.extend方法的区别是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。