jquery小技巧

1.返回页面顶部

?

1 2 3 4 5

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

2.预加载图片

?

1 2 3 4 5 6

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

3.检查图片是否加载完成

?

1 2 3

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

4.自动修改破损图像

?

1 2 3

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