当前位置 : 主页 > 网页制作 > JQuery >

jQuery创建json对象

来源:互联网 收集:自由互联 发布时间:2021-06-15
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>
网友评论