$.fn和$.fn.extend的区别

$.fn和$.fn.extend都可以添加方法，这两个有什么区别呢？

收起

2回答

好帮手慕夭夭回答被采纳获得+3积分 2019-06-17 18:07:06

你好同学，这里调用方式确实是一样的。因为还有一个方法是$.extend，应该是$.extend直接调用。老师表述的有问题，这里再重新给同学讲解一下，顺带把$.extend也一起讲解一下，前面给同学带来的不严谨的回答请同学谅解。参考如下：

祝学习愉快，望采纳。

好帮手慕夭夭 2019-06-17 15:44:55

你好同学，区别如下：

$.fn是在jQuery原型上面添加方法或者属性，相当于 jQuery.prototype。例如 $.fn.show=function(){xxxx} ,那么就可以直接使用$.show（）调用这个方法。
$.fn.extend是在jQuery对象上添加属性或者方法，例如$.fn.extend,show=function(){xxxx} ,
那么使用这个方法就是通过jQuery对象来调用，即$("#box").show（）这样的形式。

祝学习愉快，望采纳。

提问者 fangfangfang2019 #1

刚试了下，好像没区别，$.show1()报错了 <body> <p>ttt</p> <script type="text/javascript"> $.fn.show1=function(){console.log('1')}; $.fn.extend({show2:function(){console.log('2')}}); $('p').show1(); $('p').show2(); </script> </body>

2019-06-17 16:11:21