jQuery.each() 的5个案例

1.基本的jQuery.each实例

　　看看 each() 函数是如何处理一个 jQuery 对象的。首先选取所有的a标签 并且打印出他们的href属性。

　　

　　需要注意的是， 在 each() 当中使用 jQuery 对象的 DOM 元素时，必须对这些 DOM 元素再次封装。这是因为 jQuery 实际上只是将 DOM 元素封装成数组。使用 jQuery each() 方法其实就是像普通数组那样迭代这个数组。因此，无法在迭代器里得到封装好的元素。$(this)。

2.jQuery.each的数组实例

　　

3. jQuery.each 的JSON实例、

　　

　　我们用嵌套调用 each() 方法，来处理这种嵌套结构。外层的 each() 调用是用来处理变量名为 JSON 的数组，内层的 each() 调用是用来处理嵌套在数组中的对象。本例当中，每个对象只有一个属性，但是一般来说有多个属性也是可以的。

4. jQuery.each 类实例

　　如何遍历所有 class 属性为 productDescription 的元素。

　　

　　$.each($('.productDescription'), function(index,value){
              console.log(index + " : " + $(value).text());
    });

5. jQuery.each延迟实例

　　当用户点击 ID 为 5demo 的元素时，所有的列表元素都会马上变成橙色。然后元素根据 index 值设置延迟时间 (0, 200, 400, … 毫秒) 逐个淡出。