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

墨蓝 2022-07-16 02:26 242阅读 0赞

一、jQuery为开发插件提拱了两个方法，分别是：

jQuery.fn.extend();

jQuery.extend();

虽然 javascript　没有明确的类的概念，但是用类来理解它，会更方便。

jQuery便是一个封装得非常好的类，比如我们用 语句　$("\#btn1") 会生成一个 jQuery类的实例。

二、jQuery.extend(object);　为jQuery类添加类方法，可以理解为添加静态方法。如：

`jQuery.extend({`

`min: function(a, b) { return a < b ? a : b; },`

`max: function(a, b) { return a > b ? a : b; }`

`});`

jQuery.min(2,3); //  2

jQuery.max(4,5); //  5

ObjectjQuery.extend( target, object1, [objectN])用一个或多个其他对象来扩展一个对象，返回被扩展的对象

var settings = { validate: false, limit: 5, name: "foo" };

var options = { validate: true, name: "bar" };

jQuery.extend(settings, options);

结果：settings == { validate: true, limit: 5, name: "bar" }

三、jQuery.fn.extend(object); 对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。

jQuery类的实例可以使用这个“成员函数”。

比如我们要开发一个插件，做一个特殊的编辑框，当它被点击时，便alert 当前编辑框里的内容。可以这么做：

$.fn.extend(\{            
     alertWhileClick:function() \{              
           $(this).click(function()\{                   
                  alert($(this).val());             
            \});             
      \}         
\});         
$("\#input1").alertWhileClick(); // 页面上为：

$("\#input1")　为一个jQuery实例，当它调用成员方法 alertWhileClick后，便实现了扩展，每次被点击时它会先弹出目前编辑里的内容。

发表评论取消回复

表情：

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

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

相关阅读

相关 Jquery 中的扩展方法$.extend() 和$.fn.extend()

[jQuery][]为开发插件提拱了两个方法分别是：[·][Link 1] 1、[jQuery][jQuery 1].extend() or $.extend()函数用

落日映苍穹つ/ 2023年10月05日 09:47/ 0 赞/ 8 阅读

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

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

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

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

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

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

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

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

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

相关 jQuery.fn.extend与jQuery.extend到底区别在哪？

原文：[http://www.cnblogs.com/liu-l/p/3928373.html][http_www.cnblogs.com_liu-l_p_3928373.ht

忘是亡心i/ 2022年08月11日 06:58/ 0 赞/ 170 阅读

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

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

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

相关 jQuery.extend

一、Jquery的扩展方法原型是:　 extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3…合并到dest中,返

小鱼儿/ 2022年06月11日 04:59/ 0 赞/ 188 阅读

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

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

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

相关 jquery.fn.extend与jquery.extend

看他们的网页做那么炫，js技术用的那么牛B，想想用一下图片的动态加载技术，可是搜索了一下资料，发现要实现瀑布流动态加载效果，那个js水平要是何等的高，慢慢看了一下，突然发现自己

桃扇骨/ 2022年04月06日 07:22/ 0 赞/ 215 阅读

相关 jQuery.fn.extend与jQuery.extend 的区别

1 jquery.extend 是jquery 静态的方法实例 jQuery.extend(\{ liu: function()\{

偏执的太偏执、/ 2021年12月09日 19:55/ 0 赞/ 310 阅读