json对象以及jQuery $.extend和$.fn.extend的区别

1.1json对象的三种格式?

对象格式:

var json1={sid:'s01',age:'18',name:'名字'}
	alert(json1.sid);

你可以这样理解这种和java对象差不多,属性对应值,使用的时候对象名点属性名就可以了

1.2数组格式

var jsonArray=[1,2,3,4];
	$(json2).each(function(index,items){
		alert(items);
	})

这种就和java里的数组差不多,理解就行

1.3混合模式

其实就是把第一种和第二种结合,可以理解为map集合String为键Object为值里面放了对象和集合。

因为json对象几乎都是由后台上传到前台的,所以有时候判断有没有值不方便用alert一个一个的输出所以谷歌浏览器

有一个console.log()用来输出在浏览器的控制台可以看到

var json02={hooby:[1,2,3,4],sid:"s01"}
		console.log(json02);

2. $.extend和$.fn.extend

$.extend(obj1,obj2,obj3[,...])

将obj2和obj3的值扩充至obj1中相同的键值会覆盖 还是上代码吧

var json1={sid:'s01',age:'18',name:'名字'};
	var json2={sid:'s02',age:'19',adress:'地址'};
	$.extend(json1,json2)
	console.log(json1)

结果:

结果

2.1$.extend()也可以给jQuery类加上方法

$.extend({
	hello:function(){
		alert("nihao ")
	}
});
$.hello();

结果:

结果

这个还有一种写法效果也是一样的

$.method=function(options){
	alert("这也是一种写法");
};

2.2$.fn.extend可以理解给jQuery加上实例方法

$.fn.extend({
	hello:function(){
		alert(this.text())
	}
});
$("#sp").hello();


<span id="sp">hello_word</span>

结果:

结果

 

也可以这么写

$.fn.method=function(options){...};

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值