[k]jQuery-api-$.extend()-example

jQuery-api-$.extend()-example:

 1 <!DOCTYPE html>

 2 <html>

 3 <head>

 4   <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

 5 </head>

 6 <body>

 7  

 8 <div id="log"></div>

 9  

10 <script>

11 var object1 = {

12   apple: 0,

13   banana: {weight: 52, price: 100},

14   cherry: 97

15 };

16 var object2 = {

17   banana: {price: 200},

18   durian: 100

19 };

20  

21 /* merge object2 into object1 */

22 $.extend(object1, object2);

23 /*JSON.stringify不是所有浏览器都支持,IE67就不行,这个是一个兼容性的判断

24   typeof JSON !=="undefined"用于判断JSON类存不存在,存在则执行,不在则调用自定义的那个方法。  */

25 var printObj = typeof JSON != "undefined" ? JSON.stringify : function(obj) {

26   var arr = [];

27   $.each(obj, function(key, val) {

28     var next = key + ": ";

29     next += $.isPlainObject(val) ? printObj(val) : val;

30     /* 测试对象是否是纯粹的对象(通过 "{}" 或者 "new Object" 创建的) */

31     arr.push( next );

32   });

33   return "{ " +  arr.join(", ") + " }";

34 };

35  

36 $("#log").append( printObj(object1) );

37 </script>

38  

39 </body>

40 </html>

 

你可能感兴趣的:(example)