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

墨蓝 2022-07-16 02:26 267阅读 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 条评论，267人围观）

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

相关阅读

相关 jquery.extend 和 jquery.fn.extend 的区别

* jquery.extend 是用来扩展 jQuery 对象本身 * jquery.fn.extend 是用来扩展 jQuery 实例 > jQuery 主要用...

悠悠/ 2024年04月18日 08:38/ 0 赞/ 63 阅读

相关 jquery的$.extend()

权声明：本文为博主原创文章，遵循[ CC 4.0 BY-SA ][CC 4.0 BY-SA]版权协议，转载请附上原文出处链接和本声明。本文链接：[https://bl...

以你之姓@/ 2024年04月17日 22:19/ 0 赞/ 66 阅读

相关 jQuery.extend 与 jQuery.fn.extend 的区别，你可以知道

jQuery.extend 与 jQuery.fn.extend 的区别 `$.fn.extend()` 和 `$.extend()` 是 `jQuery` 为扩展

太过爱你忘了你带给我的痛/ 2023年07月13日 15:27/ 0 赞/ 21 阅读

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

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

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

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

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

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

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

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

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

相关 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 赞/ 192 阅读

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

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

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

相关 jquery.fn.extend与jquery.extend

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

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

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

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

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