jQuery中的$.extend方法来扩展JSON对象及合并,方便调用对象方法

$.extend方法可以扩展JSON对象,用一个或多个其他对象来扩展一个对象,返回被扩展的对象。

例一

合并 settings 和 options,修改并返回 settings

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" }

例二

合并 defaults 和 options, 不修改 defaults。
var empty = {};
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = jQuery.extend(empty, defaults, options);

结果
settings == { validate: true, limit: 5, name: "bar" }
empty == { validate: true, limit: 5, name: "bar" }

转自jQuery帮助文档

时间: 2024-11-07 12:25:33

jQuery中的$.extend方法来扩展JSON对象及合并,方便调用对象方法的相关文章

jQuery中的$.extend方法总结

原文见:jQuery.extend()函数详解 Jquery的扩展方法extend是我们在写插件的过程中常用的方法,但是经常容易搞不清楚以下两个写法的关系: 1.$.extend(dest,src1,src2,src3...);  将src1.src2.src3...合并到dest中,dest,src可以是数组.对象.函数:如果省略dest参数,则$.extend(src)只能有一个参数:src,此时它的作用是把src合并到调用它的对象中,也就是合并到jquery全局对象中. 2.$.fn.ex

jQuery中获取特定顺序子元素(子元素种类不定)的方法

提出问题:只已知父元素和父元素中子元素的次序,怎么通过jQuery方法获得该元素? 1 <p>第一部分:</p> 2 <ul> 3 <li>1</li> 4 <li>2</li> // 选择这个子元素 5 <li>3</li> 6 </ul> 7 <p>第二部分:</p> 8 <ul> 9 <li>4</li> 10 <l

jQuery中的width()、heihgt()、innerWidth()、innerHeight()、outerWidth()和outerHeight()方法的区别

jQuery中的 width().innerWidth().outerWidth().outerWidth(true)和 height().innerHeight().outerHeight().outerHeight(true)方法的区别 相信有些刚开始接触jquery的友友们,对这几个方法的区别总是模棱两可,似乎清楚似乎有是一个模糊的概念,下面是我自己整理的一张图,相信看了之后会对这几个方法有一个全新的认识.

jquery 中如何将数组转化为json字符串,然后再转化回来?

其实可以这样: $.fn.stringify = function() { return JSON.stringify(this); } 然后这样调用: $(array).stringify(); 转:  http://www.zhihu.com/question/22443850/answer/21374874

JS与Jquery 中的extend用法不同

1, Jquery //jQuery 应用扩展 jQuery.extend({                  // 定义setApDiv     setApDiv:function () {                      //TODO     }       }); 调用方法: $.setApDiv(); 2 Javascript 这个函数的功能基本都是实现对象的拷贝功能,即将一个对象的所有属属性拷贝到另外一个对象上去,这个函数使用的频率也很高,如果我们要将一个类的所有方法拷贝到

jQuery中的bind绑定事件与文本框改变事件的临时解决方法

暂时没有想到什么好的解决办法,我现在加了个浏览器判断非ie的话就注册blur事件,这样有个问题就是blur实在别的控件活动焦点的时候,txtStation控件注册的方法是为了填充它紧挨着的一个下拉列表一直没什么兴趣看jQuery,就用自己那点不咋样的javascript硬撑着,今天写一个功能时想尝试一下,用bind注册事件时发现怎么都不好使$("#txtStation").bind("onpropertychange", GetStationLevel); 复制代码

数组方法的扩展,如map,reduce,fliter,forEach方法

map方法 该方法可以看为映射关系 let arr = [1,2,3,4,4,6,7] let result = arr.map(item => item*3 ) console.log(result) // 具体例子 let score = [50,54,60,70] let rank = score.map(item => item>=60?'合格':'不合格') console.log(rank) reduce 方法 // 数组中的reduce方法 可以看成汇总 let arr =

jquery判断图像是否加载完毕【解决读取缓存不调用load方法的问题】

$("img").one("load", function() {  // do stuff}).each(function() {  if(this.complete) $(this).load();});

jquery中的each()方法详解

each()方法能使DOM循环结构简洁,不容易出错.each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组.多维数组.DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量. 下面提一下each的几种常用的用法 each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc" ]; $.each(arr1, function(i,val){ alert(i); a