导航首页 » 技术教程 » jQuery的extend方法【三种】
jQuery的extend方法【三种】 108 2024-02-09   

jq中的extend在面试中经常会被问道,今天我总结一个下有关于extend的用法三种进行对比,可能不全,希望大家指点,

用法一: $.extend({}) ,为jQuery类添加方法,可以理解为扩展静态方法

查看图片

用法二:$.fn.extend({}) 插件,对jQuery.prototype进行扩展,提到插件那么就得说一下另一种方法$.fn.method = function(){}

    1. $.fn.method = function(){} 可以定义一个方法

查看图片

  2 . $.fn.extend({}) 定义多个方法。

    需要实例化:$().toChange(),那么它的原型方法才能使用

查看图片

$.extend({})-- 静态方法 和$.fn.extend({})--实例方法的区别 ,$是jQuery的简写

  1:jQuery.extend() 的调用并不会把方法扩展到对象的实例上,引用它的方法也需要通过jQuery类来实现

  2:jQuery.fn.extend()的调用把方法扩展到了对象的prototype上,所以实例化一个jQuery对象的时候,它就具有了这些方法、

  3:jQuery.fn.extend = jQuery.prototype.extend

查看图片

用法三:继承。浅拷贝与深拷贝

  1 . 浅拷贝 $.extend(a,b) a使用b的属性

查看图片

  2 . 深拷贝 $.extend(true,a,b) a使用b的属性

查看图片

3 . 不管后面有多少个对象,都将成为第一个对象的属性

查看图片

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持绿夏网!



!!!站长长期在线接!!!

网站、小程序:定制开发/二次开发/仿制开发等

各种疑难杂症解决/定制接口/定制采集等

站长微信:lxwl520520

站长QQ:1737366103