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>