[转帖]JS对象、DOM对象、Jqeury对象、Json对象 对比分析_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方技术论坛-国内领先的Weblogic、Tuxedo中间件技术论坛
联动北方-国内领先的云技术服务提供商
»  游客             当前位置：  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
2
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 4365 | 回复: 1   主题： [转帖]JS对象、DOM对象、Jqeury对象、Json对象 对比分析        下一篇 
lusxingbao
注册用户
等级：少校
经验：1487
发帖：100
精华：0
注册：2012-11-12
状态：离线
发送短消息息给lusxingbao 加好友    发送短消息息给lusxingbao 发消息
发表于： IP：您无权察看 2012-11-16 14:18:18 | [全部帖] [楼主帖] 楼主

一直以来都搞不清这几个对象到底什么关系，通过资料查阅，自己的理解如下：
JS对象：javascript对象，在js代码里面定义的对象（对象有属性和方法）。
DOM对象：其实就是定义好了的JS对象，只不过针对规范的DOM标准定义好了对象的相关属性和方法。如Document对象有body、cookie等属性和close()、writer()等方法。
Jquery对象：用Jquery语法包装原始Dom对象后生成的新对象。（包装后的Jquery对象就可以使用Jquery方法了）。
Json对象：理论上只是一种数据格式，它只是一种相应格式的字符串数据。它的出现主要是用于在不同的语言之间进行数据交互。严格说，这种对象只有属性和相应的值，并没有方法。 
Dom对象与Jquery对象的互转
Dom对象转Jquery对象：只需通过Jquery方法( )进行包装就可以转换成Jquery对象。
Jquery对象转Dom对象： 只要调用JQuery中提供的 [index] 与 get(index)方法即可将Jqeury对象转成Dom对象。
事例：
Jscript代码
Java代码

  1. <head> 
  2. <title>DOM对象与jQuery对象的类型转换</title> 
  3. <script type="text/javascript" 
  4. src="Jscript/jquery-1.4.2-vsdoc.js"> 
  5. </script> 
  6. <script type="text/javascript" 
  7. src="Jscript/jquery-1.4.2.js"> 
  8. </script> 
  9. <style type="text/css"> 
  10. body{font-size:13px} 
  11. div{padding:5px} 
  12. </style> 
  13. <script type="text/javascript"> 
  14. (function() { 
  15.       //***** DOM对象转成jQuery对象 *****// 
  16.       //DOM对象 
  17.       var objDom0 = document.getElementById("div0"); 
  18.       //转成jQuery对象 
  19.       var obj0 = (objDom0); 
  20.       //调用jQuery中的方法设置其中的内容 
  21.       obj0.html("DOM对象转成jQuery对象后设置的内容"); 
  22.       
  23.       //***** jQuery对象转成DOM对象 *****// 
  24.       //jQuery对象 
  25.       var obj1 = ("#div1"); 
  26.       //转成DOM对象 
  27.       var objDom1 = obj1.get(0); 
  28.       //调用JavaScript中的对象方法设置内容 
  29.       objDom1.innerHTML = "jQuery对象转成DOM对象后设置的内容"; 
  30. }) 
  31. </script> 
  32. </head> 
  33. <body> 
  34. <div id="div0"></div> 
  35. <div id="div1"></div> 
  36. </body> 
  37. </html>

Js对象与Json对象转换
Json对象转Js对象：很容易转，自己可写方法实现。Jqeury有Jquery.parseJson(json)方法等
Js对象转Json对象：有很多第三方插件实现了，也可以自己写方法实现。下面为一个实例：
Jscript代码
Java代码

  1. function toJson(obj){ 
  2.       switch(obj.constructor){ 
  3.             case Object: 
  4.             var str = "{"; 
  5.                   for(var o in obj){ 
  6.                         str += o + ":" + Serialize(obj[o]) +","; 
  7.                   }www.2cto.com 
  8.                   if(str.substr(str.length-1) == ",") 
  9.                   str = str.substr(0,str.length -1); 
  10.             return str + "}"; 
  11.             break; 
  12.             case Array: 
  13.             var str = "["; 
  14.             for(var o in obj){ 
  15.                   str += Serialize(obj[o]) +","; 
  16.             } 
  17.             if(str.substr(str.length-1) == ",") 
  18.             str = str.substr(0,str.length -1); 
  19.             return str + "]"; 
  20.             break; 
  21.             case Boolean: 
  22.             return "\"" + obj.toString() + "\""; 
  23.             break; 
  24.             case Date: 
  25.             return "\"" + obj.toString() + "\""; 
  26.             break; 
  27.             case Function: 
  28.             break;//如果是方法，则过滤掉，什么也不做 
  29.             case Number: 
  30.             return "\"" + obj.toString() + "\""; 
  31.             break; 
  32.             case String: 
  33.             return "\"" + obj.toString() + "\""; 
  34.             break; 
  35.       } 
  36. }

总结：Jquery对象、Dom对象、Js对象，其实都是javascript对象，只不过有各自己的不同的属性和方法。而Json对象，严格说只是一种相应格式的数据而已。只不过同常在javascript中把json数据（字符串）转换为js对象来使用




赞(0)    操作        顶端 
rflus2578
注册用户
等级：列兵
经验：96
发帖：4
精华：0
注册：2012-11-12
状态：离线
发送短消息息给rflus2578 加好友    发送短消息息给rflus2578 发消息
发表于： IP：您无权察看 2012-11-16 14:21:20 | [全部帖] [楼主帖] 2  楼

北京联动北方科技有限公司北京联动北方科技有限公司北京联动北方科技有限公司

赞(0)    操作        顶端 
总帖数
2
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码： 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论

Weblogic中间件技术论坛

 |

Tuxedo中间件技术论坛

 |

数据库论坛

 |

Java论坛

 |

Linux/unix论坛

 |

网站地图


Powered by LandingBJ     @ 2008-2018     联动北方   
京ICP证号090597    京ICP备案09017624号    京公网安备110112000093号    
400-810-2327     Email：service@landingbj.com   

Powered by landingbj @ 2008-2015 联动北方
京ICP证号090597 京ICP备案09017624号 京公网安备110112000093号
86-27-87056338 Email：service@landingbj.com