1、简单来说，jQuery.extend是给jQuery或$这个类用的；jQuery.fn.extend是给jQuery的对象(如：$('div'))用的。
2、创建一个html页面，里面代码为：
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div>jQuery.extend和jQuery.fn.extend的区别</div>
</body>
</html>3、用jQuery.extend写的扩展
$.extend({
test:function(){
console.log('$.extend function');
},
attr:'$.extend attr'
});
$.test();//$.extend function
$.attr;//$.extend attr
4、用jQuery.fn.extend写的扩展
$.fn.extend({
fnTest:function(){
console.log(this.html());
},
fnAttr:'$.fn.extend fnAttr'
});
如果直接使用$.fnTest();会报错，$.fnAttr;会报undefined
使用jQuery对象调用其方法和属性：
$('div').fnTest();//jQuery.extend和jQuery.fn.extend的区别
$('div').fnAttr;//$.fn.extend fnAttr
208
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
