11、jQuery 性能优化与自定义方法实践

jQuery 性能优化与自定义方法实践

1. 自定义迭代器

在 jQuery 中，我们可以编写自定义迭代器来满足特定需求。例如，使用 setTimeout() 函数来延迟回调的执行，从而实现逐个元素的延迟处理。

jQuery.slowEach = function( array, interval, callback ) {
    if( ! array.length ) return;
    var i = 0;
    next();
    function next() {
        if( callback.call( array[i], i, array[i] ) !== false )
            if( ++i < array.length )
                setTimeout( next, interval );
    }
    return array;
};

jQuery.fn.slowEach = function( interval, callback ) {
    return jQuery.slowEach( this, interval, callback );
};

使用时，只需将 .each() 替换为 .slowEach() 并添加超时时间：

$('.reveal').slowEach( 500, function() {