4. 简单的工具方法

1. $.each(): 遍历数组或对象中的数据

   <script type="text/javascript">
   	 var arr=[2,3,4];
   		$.each(arr,function(idnex,item){
   			console.log(idnex,item);
   		});
   	var obj={
   		name:'tom',
   		setName: function(name){
   			this.name=name;
   		}
   	}
   	//遍历对象
   	$.each(obj,function(key,value){
   		console.log(key,value)
   	});
   </script>
   

2. $type() :获得数据的类型

   console.log($.type($));
   console.log($.type(obj));
   

3. isFunction(obj): 判断是否是方法

4. isArray() ：判断是否是数组

5. $.parseJSON(json):将json转化为js对象或数组

   var json='{"name":"tom","age",12}';
   	var objs = $.parse(json);
   

   JSON.parse(json); json字符串----->js对象/数组
   JSON.stringify(jsonObj或jsonArray); js对象/数组----> json字符串

6. 小测试,点击标签实现div切换

   <ul id=tab>
   	<li id=tab1 value="1" style="background-color:#00fde6; ">套餐一</li>
   	<li id=tab2 value="2"  style="background-color:#ffcc13; ">套餐二</li>
   	<li id=tab3 value="3"  style="background-color:#fb0ffffa; ">套餐三</li>
   </ul>
   <div id=show>
   	<div id="show1">
   		这里是1
   	</div>
   	<div id="show2">
   		这里是2</div>
   	<div id="show3">
   		 这里是3
   	</div>
   </div>
   <script type="text/javascript">
   	var shows=$("#show>div");
   	$("#tab>li").click(function () { //隐式遍历
   		shows.css("display","none");
   		 var index=$(this).index();
   		shows[index].style.display='block';
   	});
   
   </script>