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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM