jQuery创建json对象方法一: !DOCTYPE htmlhtml head meta charset="utf-8" title创建json对象方法一/title /head body ul li姓名:span class="name"/span/li li年龄:span class="age"/span/li li性别:span class="sex"/span/li l
jQuery创建json对象方法一:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>创建json对象方法一</title>
</head>
<body>
<ul>
<li>姓名:<span class="name"></span></li>
<li>年龄:<span class="age"></span></li>
<li>性别:<span class="sex"></span></li>
<li>地址:<span class="address"></span></li>
</ul>
</body>
<script src="js/jquery-2.1.0.js"></script>
<script type="text/javascript">
// 加载文档
$(function(){
// 创建json对象
// 实例化一个对象
var str=new Object();
// 给对象添加元素方法一:
str.name="小明";
str.address="火星";
// 给对象添加元素方法二:
str["age"]=18;
str["sex"]="男";
// 传值给html,访问对象元素
var main=
‘<li>姓名:<span class="name">‘+str.name+‘</span></li>‘+
‘<li>年龄:<span class="age">‘+str.age+‘</span></li>‘+
‘<li>性别:<span class="sex">‘+str["sex"]+‘</span></li>‘+
‘<li>地址:<span class="address">‘+str["address"]+‘</span></li>‘;
// 改变列表中的值
$("ul").html(main);
});
</script>
</html>
