jquery小技巧

1.返回頁面頂部

$('a.top').click(function () {
    $(document.body).animate({scrollTop: 0}, 800);
    return false;
});
<a class="top" href="#">Back to top</a>

2.預加載圖片

$.preloadImages = function () {
    for (var i = 0; i < arguments.length; i++) {
        $('<img>').attr('src', arguments[i]);
    }
};
$.preloadImages('img/hover1.png', 'img/hover2.png');

3.檢查圖片是否加載完成

$('img').load(function () {
    console.log('image load successful');
});

4.自動修改破損圖像

$('img').on('error', function () {
    $(this).prop('src', 'img/broken.png');
});