Jquery之extend()拓展方法

一.说明

  $.extend()函数用于将一个或多个对象的内容合并到目标对象。如果只为$.extend()指定了一个参数,则意味着参数target就是Jquery对象本身。通过这种方式,我们可以全局对Jquery对象添加新的函数。如果多个对象具有相同的属性,则后者会覆盖前者的属性值。

$.extend( target [, object1 ] [, objectN ] )

二.使用

  1.合并对象。

var testObj = {};
$.extend(testObj, {
    ddd: "233"
});
console.log(testObj);

//输出
{ddd: "233"}

  2.拓展Jquery方法。

$.extend({
    ddd: function () {
        console.log("666");
    }
});
$.ddd();

//输出
666

  3.拓展Jquery对象方法。

<div id="test_ddd">gg</div>

$.fn.extend({
    ddd: function (text) {
        var _this = this;//就是当前的jQuery对象
        console.log(_this);
        _this.html("ddd" + text);
    }
});

$("#test_ddd").ddd("233");

//指定元素的html内容发生改变

 

 

 

 

 

 

  

  

posted @ 2022-07-11 14:37  shine声  阅读(73)  评论(0编辑  收藏  举报