当前位置:嗨网首页>书籍在线阅读

10-讨论

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

4.2.3 讨论

在本秘诀中,用 $.each() 循环读取一个数组和一个对象,该方法为常见循环任务提供了简洁的接口。 $.each() 的第一个参数是需要循环读取的数组或者对象,第二个参数是在每个元素上执行的回调方法(注意,这和jQuery的集合方法 $('div').each() 有所不同,它的第一个参数是回调函数)。

当执行开发人员定义的回调函数时, this 变量被设置为目前循环读取到的元素值。因此,前一个秘诀中的代码可以改写为:

(function($) {
   $(document).ready(function() {
     var months = [ 'January', 'February', 'March', 'April', 'May',
              'June', 'July', 'August', 'September', 'October',
              'November', 'December'];
     $.each(months, function() {
        $('#months').append('<li>' + this + '</li>');
     });
     var days = {   Sunday: 0, Monday: 1, Tuesday: 2, Wednesday: 3,
               Thursday: 4, Friday: 5, Saturday: 6 };
     $.each(days, function(key) {
        $('#days').append('<li>' + key + ' (' + this + ')</li>');
     });
   });
})(jQuery);