jQuery扩展

来源:互联网 发布:淘宝店铺微淘二维码 编辑:程序博客网 时间:2024/06/06 16:24
  • 介绍

本文介绍jQuery扩展相关内容。
  • JS对象克隆

JavaScript对象是可以被克隆的,克隆一次会在内存中多一份实例对象。而由于对象可能是嵌套很多层的,所以分为:浅克隆和深克隆。下面是示例:[codesyntax lang="html4strict"]
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript" src="jquery-1.11.0.js"></script><script type="text/javascript">$(function(){console.log('利用jQuery克隆(浅)对象');var orgin = {name:'orgin', hair:{style:'long'}, bag:'good'};var gril = {age:12, name:'gril', hair:{color:'black'}};var boy = $.extend(orgin, gril);console.log(orgin);console.log(boy);console.log(orgin == boy);console.log(gril);});</script><script type="text/javascript">$(function(){console.log('利用jQuery克隆(浅)对象,不改变原有对象');var orgin = {name:'orgin', hair:{style:'long'}, bag:'good'};var gril = {age:12, name:'gril', hair:{color:'black'}};var boy = $.extend({}, orgin, gril);console.log(orgin);console.log(boy);console.log(orgin == boy);console.log(gril);});</script><script type="text/javascript">$(function(){console.log('利用jQuery克隆(深)对象');var orgin = {name:'orgin', hair:{style:'long'}, bag:'good'};var gril = {age:12, name:'gril', hair:{color:'black'}};var boy = $.extend(true, orgin, gril);console.log(orgin);console.log(boy);console.log(orgin == boy);console.log(gril);});</script><script type="text/javascript">$(function(){console.log('利用jQuery克隆(浅)对象,不改变原有对象');var orgin = {name:'orgin', hair:{style:'long'}, bag:'good'};var gril = {age:12, name:'gril', hair:{color:'black'}};var boy = $.extend(false, orgin, gril);console.log(orgin);console.log(boy);console.log(orgin == boy);console.log(gril);});</script></head><body></body></html>
[/codesyntax]

查看原文:http://surenpi.com/2016/11/04/jquery_extend/
0 0