jQuery创建json对象

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>

 

posted @ 2019-08-20 10:40  Mr▪小zhou  阅读(9120)  评论(0)  编辑  收藏  举报