$.extend()和$.fn.extend()区别

「爱情、让人受尽委屈。」 2022-08-19 04:50 342阅读 0赞

jQuery.fn的作用

jQuery1.83中的代码如下:

jQuery.fn
     = jQuery.prototype = {
    
       //代码
    
    }

一.$.extend():  
此方法是用来扩展jQuery类，它所方法是全局性，直接用jQuery类即可引用  
例如:

$.extend({
    <span style="font-family:Microsoft YaHei;">    </span>minValue:function(a,b){
    <span style="font-family:Microsoft YaHei;">        </span>return a<b?a:b;
    <span style="font-family:Microsoft YaHei;">    </span>}
    });
    $.minValue(5.6);

二.$.fn.extend():  
此方法则是用来扩展jQuery的实例方法，也就是说jQuery类的实例对象可以调用此函数  
代码如下:

<script type="text/javascript">
    $(document).ready(function(){
       $.fn.extend({
       theAlert:function(){
          alert("自定义的函数");
        }
      })
      $("thediv").theAlert()
    })
    </script>
    </head>
    <body>
      <div
    id="thediv">按钮</div>
    </body>
    </html>

以上代码通过$.fn.extend()方法为jQuery扩展一个实例方法，那么就必须要用对象实例来调用此方法，$("thediv")就是一个对象实例，这样它就可以调用添加的方法，当然在实际的开发中，几乎不可能有这么简单的例子，这里只是讲述一下原理。

转自：[http://blog.csdn.net/z69183787/article/details/17766703][http_blog.csdn.net_z69183787_article_details_17766703]

[http_blog.csdn.net_z69183787_article_details_17766703]: http://blog.csdn.net/z69183787/article/details/17766703

发表评论取消回复

表情：

评论列表（有 0 条评论，342人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java：extends 和 implements 的区别

（1）extends与implements的不同 1、在类的声明中，通过关键字extends来创建一个类的子类。一个类通过关键字implements声明自己使用一个或者多个

小咪咪/ 2022年11月19日 04:15/ 0 赞/ 108 阅读

相关 extend() 和 append()的区别 python

区别总述： ① lst1.append(lst2) \ 把 “整个列表lst2 作为一个元素” 添加到 lst1 中 ② lst1.extend(lst2) \ 把

向右看齐/ 2022年11月18日 10:56/ 0 赞/ 108 阅读

相关 $.fn.extend()；和 $.extend()；

粗略理解可以认为： \\\ $.fn.extend() 是给jquery 增加实例方法：一般我们写插件，要使用这种 $.extend() 是给 jquery 增加类

小灰灰/ 2022年09月26日 02:21/ 0 赞/ 120 阅读

相关区别和详解：jQuery extend()和jQuery.fn.extend()

1、认识jQuery extend()和jQuery.fn.extend() jQuery的API手册中，extend方法挂载在jQuery和jQuery.fn两个不同对象上

矫情吗；*/ 2022年09月21日 13:24/ 0 赞/ 130 阅读

相关 vue:extend和mixin的区别

![在这里插入图片描述][82e2f22231b84f8fa9df10dae59a097c.png] ![在这里插入图片描述][watermark_type_ZHJvaWR

悠悠/ 2022年09月12日 14:57/ 0 赞/ 167 阅读

相关 $.extend()和$.fn.extend()区别

jQuery.fn的作用 jQuery1.83中的代码如下: jQuery.fn = jQuery.prototype = {

「爱情、让人受尽委屈。」/ 2022年08月19日 04:50/ 0 赞/ 343 阅读

相关 jquery的$.extend和$.fn.extend作用及区别

jquery的$.extend和$.fn.extend作用及区别 jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(); jQu

蔚落/ 2022年08月11日 16:49/ 0 赞/ 109 阅读

相关 jquery的$.extend和$.fn.extend作用及区别

一、jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(); jQuery.extend(); 虽然 javascript　没有明确的类的概

墨蓝/ 2022年07月16日 02:26/ 0 赞/ 153 阅读

相关 $.extend,$.fn.extend的区别

$.extend: 1，$.extend（object）：扩展jQuery类方法，jQuery是一个类，相当于给这个类添加静态方法，添加的静态方法是能被jQuery这个类调用

以你之姓@/ 2022年06月06日 01:14/ 0 赞/ 114 阅读

相关 python 的extend 和append 区别

直接上代码： >>> a=[1,2,3] >>> b=[4,5,6] >>> a.extend(b) >>> a [1, 2, 3,

Bertha 。/ 2022年05月25日 01:22/ 0 赞/ 138 阅读