zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    hdoj1587
    欧拉定理及其应用
    hdoj1571
    hdoj1050
    POJ推荐50题
    poj2593
    hdoj1286
    hdoj1215七夕节
    我的Linux软件
    ACM题目推荐--《算法艺术与信息学竞赛》(转)
  • 原文地址:https://www.cnblogs.com/xiaozhou223/p/11381586.html
Copyright © 2011-2022 走看看