jquery小技巧

Posted 2020-10-20 isuben

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‘);
});