jQuery扩展-CFANZ编程社区

jQuery扩展
介绍
本文介绍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]
0 条评论