jQuery.extend和jQuery.fn.extend的区别

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

posted @ 2015-10-20 18:45  jiapeng  阅读(241)  评论(0)    收藏  举报