jQuery遍历元素

1. each() 方法遍历元素

<script>
	var arr = ["red", "green", "blue"];
    $("div").each(function(i, domEle) {
      	console.log(i);
	  	console.log(domEle);
      	$(domEle).css("color", arr[i]);
     	sum += parseInt($(domEle).text());
      })
    console.log(sum);
</script>

回调函数第一个参数一定是索引号 可以自己指定索引号号名称，
回调函数第二个参数一定是 dom元素对象 也是自己命名。

2. $.each() 方法遍历元素 主要用于遍历数据，处理数据

 	<div>1</div>
    <div>2</div>
    <div>3</div>
<script>
	
   	$.each($("div"), function(i, ele) {
          console.log(i);
          console.log(ele);
	 });
	var arr = ["red", "green", "blue"];
    $.each(arr, function(i, ele) {
          console.log(i);
      	  console.log(ele);

	$.each({
	       		name: "xu",
                age: 18
            }, function(i, ele) {
                console.log(i); // 输出的是 name age 属性名
                console.log(ele); // 输出的是 andy  18 属性值
            })

</script>