当前位置: 首页 > Web前端 > HTML

jQuery.extend()详解

时间:2023-04-02 17:24:18 HTML

jQuery.extend()方法用于用一个或多个其他对象扩展一个对象。通常的格式如下:jQuery.extend(dest,src1,src2,src3...);上面代码的意思是:将src1、src2、src3合并到dest中,返回dest。示例:vardest={name:'zhu',age:'15'};varsrc1={姓名:'张',年龄:'18'};varsrc2={姓名:'周',年龄:'25'};varsrc3={num:15,city:'香港'};varsrc4={等级:98,课程:'数学'};$.extend(目标,src3,src4);console.log(dest);此时控制台输出合并后的dest如下:注意jQuery.extend()方法会改变扩展对象。如果不想改变原来的对象,可以将第一个参数设置为{}。本文开头提到jQuery.extend()方法扩展对象。其实数组在JS中也是对象,如:vardest={name:'zhu',age:'15'};varsrc=[1,2];$.extend(dest,src);console.log(dest);console.log(dest);控制台输出的dest为:此时会合并数组的索引值作为属性。如果这个方法中的两个参数都是数组怎么办?vardest=[1,2];varsrc=[3,4];$.extend(dest,src);console.log(dest);控制台输出dest是:如果省略了jQuery.extend()方法dest参数表示src将被合并到jQuery全局对象中。示例如下:$.extend({test1:function(){alert('helloworld');}});$.test1();//弹出helloworld$.extend({test2:'helloworld'});alert($.test2);//弹出你好世界。需要注意的是,jQuery.fn.extend(object)是对jQuery元素集进行扩展,提供新的方法(通常用于制作插件),不要与jQuery.extend()方法混淆使用。