標籤：style c class blog code java
JS 中的{}表示一個對象。[]表示數組。
$.each()
each處理數組或json對象。
1 var arr1 = [ "aaa", "bbb", "ccc" ]; 2 $.each(arr1, function(i,val){ 3 alert(i); 4 alert(val);5 }); View Code
製作菜單：
1 <?php 2 /** 3 * Created by PhpStorm. 4 * User: Administrator 5 * Date: 14-5-27 6 * Time: 上午10:19 7 */ 8 header("Content-Type:text/html;charset=utf-8"); 9 ?>10 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>11 <script>12 //理解json對象13 var arr=[1,3,4,5,6,7,"7"];//相當於 arr=Array(1,3,4,5,6,7,"7");14 document.write(arr[2]);15 16 var ss={‘name‘:"小明",‘age‘:18};17 document.write("我的名字是"+ss[‘name‘]+" 我"+ss.age+"了<br/>");18 19 var my=function(){20 return "123456";21 };22 document.write(my()+"<br/>");23 var person={24 name:function(){return "abama"},25 age:function(){return "52"}26 };27 document.write(person.name()+person.age());28 29 //menus 是一個菜單包含多個模組。如何讀取出並顯示它30 var _menus={‘meuns‘:[31 {32 ‘meunid‘:1,‘meunname‘:"系統管理",33 ‘meuns‘:[{‘name‘:‘添加使用者‘,‘icon‘:‘‘,‘url‘:‘http://www.baidu.com‘},34 {‘name‘:‘刪除使用者‘,‘icon‘:‘‘,‘url‘:‘‘},35 {‘name‘:‘修改許可權‘,‘icon‘:‘‘,‘url‘:‘‘},36 {‘name‘:‘系統日誌‘,‘icon‘:‘‘,‘url‘:‘‘}37 ]},38 {39 ‘meunid‘:2,‘meunname‘:"財務管理",40 ‘meuns‘:[{‘name‘:‘財務付款‘,‘icon‘:‘‘,‘url‘:‘http://www.baidu.com‘},41 {‘name‘:‘財務審核‘,‘icon‘:‘‘,‘url‘:‘‘},42 {‘name‘:‘查看‘,‘icon‘:‘‘,‘url‘:‘‘},43 {‘name‘:‘沒了‘,‘icon‘:‘‘,‘url‘:‘‘}44 ]}45 ]};46 document.write(_menus.meuns[1].menus[0].name);47 48 </script>49 50 <script>51 function Set_Meuns(){52 $(‘#meuns‘).empty();53 var list="";54 $.each(_menus.meuns,function(i,k){55 list+="<div title=‘"+ k.meunname+"‘><ul>"56 $.each(k.meuns,function(i,k){57 list+="<li><a href=‘"+ k.url+"‘>" + k.name+"</a></li>";58 });59 list+="</ul></div>";60 });61 62 63 alert(list);64 $(‘#meuns‘).append(list);65 }66 $(document).ready(function(){67 Set_Meuns();68 })69 </script>70 71 <html>72 <body>73 <div id="meuns" style="border:1 solid red;width:300px;">74 菜單列表位置75 </div>76 77 </body>78 </html>View Code
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
