juqery.fn.extend和jquery.extend

Posted 2020-08-29 Coding Changes the World

jquery.fn == jquery.prototype //true

jquery.extend( obj1,obj2 ) 用一个或多个对象来拓展一个对象，返回拓展之后的对象
var aaa = {
a:1,
b:2
}
var bbb = {
a:3,
b:4,
c:5
}
$.extend(aaa,bbb); //aaa=bbb={ a:3, b:4, c:5 }

对jquery.fn进行拓展，就是为jquery类添加“成员函数”；jquery的实例可以使用这个函数。像$(‘div‘),用这个语句就会生成一个jquery的实例。

jquery可以这么写：
(function($) {
$.fn.extend({
a: function() {
$(this).click(function() {
alert($(this).text());
})
}
})
})(jQuery)

zepto只能这么写：
(function($) {
$.extend($.fn,{
a: function() {
$(this).click(function() {
alert($(this).text());
})
}
})
})(Zepto)