JS对象和JQuery对象的转换,JS内容转换为json格式

 jQuery对象转成DOM对象: 

两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); 

(1)jQuery对象是一个数据对象,能够经过[index]的方法,来获得相应的DOM对象。 

如:var $v =$("#v") ; //jQuery对象 

var v=$v[0]; //DOM对象 

alert(v.checked) //检测这个checkbox是否被选中 

(2)jQuery自己提供,经过.get(index)方法,获得相应的DOM对象 
如:var $v=$("#v"); //jQuery对象 
var v=$v.get(0); //DOM对象 
alert(v.checked) //检测这个checkbox是否被选中json

 

DOM对象转成jQuery对象: 

对于已是一个DOM对象,只须要用$()把DOM对象包装起来,就能够得到一个jQuery对象了。$(DOM对象) 

如:var v=document.getElementById("v"); //DOM对象 

var $v=$(v); //jQuery对象 

转换后,就能够任意使用jQuery的方法了。 浏览器

---------------------------------------------------JS转换为JSON---------------------------------------------------------------------this

1,eval方式解析,恐怕这是最先的解析方式了。以下
function strToJson(str){ 
var json = eval('(' + str + ')'); 
return json; 

记得别忘了str两旁的小括号。 prototype


2,new Function形式,比较怪异哦。以下 
function strToJson(str){ 
var json = (new Function("return " + str))(); 
return json; 
对象


3,使用全局的JSON对象,以下: 
function strToJson(str){ 
return JSON.parse(str); 
继承

使用JSON.parse需严格遵照JSON规范,如属性都需用引号引发来,以下
var str = '{name:"jack"}'; 
var obj = JSON.parse(str); // --> parse error 字符串


name没有用引号引发来,使用JSON.parse全部浏览器中均抛异常,解析失败。get

IE8/Firefox3.5+/Chrome4/Safari4/Opera10 已实现该方法。使用方式很简单: 
var str = '{"name":"jack"}'; 
var json = JSON.parse(str); 
alert(json.name); io


在以上实现该方法的浏览器中都会弹出“jack”。 function

 


若是给Object.prototype添加一个解析json的方法(某人可能会强烈反对这么干污染了原生对象,这里纯粹为了讨论) 
Object.prototype.parseJSON = function () { 
return JSON.parse(this); 

由于全部的对象都继承了Object的方法,这时候能够直接这么用了, 
var str = '{"name":"jack"}'; 
var json = str.parseJSON(); 
alert(json.name); 


str.parseJSON()时,parseJSON内部的this就指向了str。这时候并不是全部浏览器都能解析成功。 

IE8/Firefox/Safari/Opera仍然会弹出“jack”,Chrome中则报错了:Uncaught illegal access。 
为何这样写Chrome就不支持呢?比较两种方式,传给JSON.parse的参数一个是字符串str,一个是this。貌似这两个没区别? 
当str.parseJSON()时,parseJSON内部的this指向了应该就是str。修改下parseJSON方法: 
Object.prototype.parseJSON = function () { 
alert(typeof this); 
return JSON.parse(this); 
}; 


从新执行,能够发现parseJSON弹出的是object,可能这就是区别了。直接new一个字符串就能看到明显的效果了 
var js = JSON.parse(new String('{"name":"jack"}')); 
alert(js.name); 

以上代码除Chrome报错外,其它浏览器均执行正常。  基本得出结论:  Chrome中,JSON.parse的第一个参数只能是字符串,不能是对象(包括new String方式也不支持)  再回到上面给Object.prototype添加一个解析json的方法,若是要兼容全部浏览器,能够这么写:  Object.prototype.parseJSON = function () {  return JSON.parse(this.toString());  }  var str = '{"name":"jack"}';  var json = str.parseJSON();  alert(json.name); 

相关文章
相关标签/搜索