1. 程式人生 > >JQuery中的遍歷

JQuery中的遍歷

01JQuery中的遍歷.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>02JQuery中的遍歷</title>
		<!-- 匯入JQ檔案 -->
		<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
		
		<script>
			var cities = ["深圳市","東莞市","惠州市","廣州市"];
			
			$(function(){
				$(cities).each(function(i,n){
				console.log(this)
			})
			})
			
			//如何遍歷
			//JQ物件呼叫遍歷 可行
			//i為陣列中的索引,n為陣列中的內容
			/*$(cities).each(function(i,n){
				console.log(i + "===" + n);
			});*/
			
			//JQ的函式呼叫 可行
			//i為陣列中的索引,n為陣列中的內容
			/*$.each(cities,function(i,n){
				console.log(i + "~~~" + n);
			});*/
			
			/*function aaa(i,n){
				console.log(i+"   "+n);
			}*/
			
			//JQ的函式呼叫
//			var ddd = aaa();
//			$.each(cities,aaa);
			
			/*var cities = ["深圳市","東莞市","惠州市","廣州市"];
			//宣告回撥函式
			function callback1(i,n){
				console.log("123  : " + i + n);
			};
			
			//遍歷資料
			function bianli(arr,callback1){
				for(var i = 0; i < arr.length; i++){
					var item = arr[i];
					callback1(i,item);
				}
			}*/
			
			//呼叫
//			bianli(cities,callback1);
			
		</script>
		
	</head>
	<body>
	</body>
</html>