jquery extend的使用

$.extend(des,src,src2);

api文档这么写的,但是当src,src不是obj是一个字符串的时候,结果是把字符串每个字符单独拆出来放到des上

  var ext = {name:111}
  $.extend(ext,{age:999})
  console.log(ext)

==>Object {name: 111, age: 999} 

当src不是对象的时候

1 var ext = {name:111}
2  $.extend(ext,"这可是什么情况啊!!!","我去!")===>Object {0: "我", 1: "去", 2: "!", 3: "什", 4: "么", 5: "情", 6: "况", 7: "啊", 8: "!", 9: "!", 10: "!", name: 111}

测试到这,突然想到extend的顺序,貌似树上说是右侧的会覆盖左侧对象相同的属性值,看遍历的结果貌似不是这样,而是先从右侧遍历,如果左侧有相同的属性则不

读取的它的值。

1 var ext = {name:111}
2 $.extend(ext,{aa:11,tt:33},{aa:22},"我去!")
3 console.log(ext)

==>Object {0: "我", 1: "去", 2: "!", name: 111, aa: 22, tt: 33} 

jquery extend的使用

时间: 2024-08-30 09:07:58

jquery extend的使用的相关文章

五.jQuery源码解析之jQuery.extend(),jQuery.fn.extend()

给jQuery做过扩展或者制作过jQuery插件的人这两个方法东西可能不陌生.jQuery.extend([deep],target,object1,,object2...[objectN]) jQuery.fn.extend([deep],target,object1,,object2...[objectN])这两个属性都是用于合并两个或多个对象的属性到target对象.deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并.通过这种方式可以在jQuery或jQuery.fn

jQuery.extend

合并对象 extend 函数在 合并对象 方面的用法. jQuery.extend(target , [object1] ,[objectN]) 合并 object1 ... objectN 到 target 对象,如果只有一个参数,则该 target 对象会被合并到 jQuery 对象中. var obj1 = { name: 'Tom', age: 21 } var obj2 = { name: 'Jerry', sex: 'boy' } $.extend(obj1, obj2); // {

jquery插件之jquery.extend和jquery.fn.extend的区别

jquery.extend jquery.extend(),是拓展jquery这个类,即可以看作是jquery这个类本身的静态方法,例如: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/

jQuery.extend()方法和jQuery.fn.extend()方法

jQuery.extend()方法和jQuery.fn.extend()方法源码分析 这两个方法用的是相同的代码,一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例,对于基本用法举几个例子: html代码如下: <!doctype html> <html> <head> <title></title> <script src='jquery-1.7.1.js'></script> <

jquery.fn.extend与jquery.extend用法与区别

关于jquery.fn.extend与jquery.extend用法与区别. jQuery为开发插件提拱了两个方法,分别是:  代码如下 复制代码 jQuery.fn.extend(object);  和   jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQuery对象添加方法. fn 是什么东西呢.查看jQuery代码,就不难发现.  代码如下 复制

jQuery.extend和jQuery.fn.extend的区别

我们先把jQuery看成了一个类,这样好理解一些. jQuery.extend(),是扩展的jQuery这个类. 假设我们把jQuery这个类看成是人类,能吃饭能喝水能跑能跳,现在我们用jQuery.extend这个方法给这个类拓展一个能唱歌的技能.这样的话,不论是男人,女人,xx人.....等能继承这个技能(方法)了. 可以如下图这样写着: 然后:$.liu();这样就能打印出来”liu“这个字符串 代码在下面: 这说明啥啊,这说明.liu()变成了jQuery这个类本身的方法(object)

jquery,fn,extend和jquery.extend

1 把jquery看成是一个类,jquery.extend()是扩展这个类的静态方法,也即是扩展的全局函数,扩展的方法只跟这个类本身有关,跟具体的jquery这个类的实例化对象无关. 例如:$.each(); 2 jquery.fn.extend扩展的是jquery原型对象的方法,扩展的方法只有jquery这个类的实例对象才能使用. 例如:$('#aa').eat();

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

1 jquery.extend 是jquery 静态的方法 实例 jQuery.extend({    liu: function(){        alert('liu');    } }); 使用方法:$.liu();这样就能打印出来”liu“这个字符串 2 Jquery.fn.extend  是jquery 实例的方法 实例 jQuery.fn = jQuery.prototype = {          init: function( selector, context ) {//…

图片放大功能插件及jquery.extend函数理解

前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) { this.opts = $.extend({ wrap: '', clickimgs: '', callback: function(){} }, opts); this.images_n = []; //保存一条评论中的所有图片 this.$showArrow = false; //显示左右翻页按

jQuery源码06-jQuery = function(){};给JQ对象,添加一些方法和属性,extend : JQ的继承方法,jQuery.extend()

/*! * Includes Sizzle.js 选择器,独立的库 * http://sizzlejs.com/ */ (function( window, undefined ) { //"use strict"; var // rootjQuery = jQuery(document) = $();压缩有用 rootjQuery, // dom是否加载完 readyList, // core_strundefined == 'undefined' core_strundefined