一些常用功能的jQuery实现:jQuery-Recipes-Your-Mom-Should-Know

jopen 4年前

jQuery-Recipes-Your-Mom-Should-Know用jQuery实现了一些常用的功能。包括:

  • 回到顶部按钮

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

  • 预载入图像

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

  • 图像加载后检查

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

  • 自动修复加载出错的图片

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

  • 悬停切换类

  • 禁用输入字段

  • 停止链接的加载

  • 简单的手风琴

    // Close all panels  $('#accordion').find('.content').hide();  // Accordion  $('#accordion').find('.accordion-header').click(function () {    var next = $(this).next();    next.slideToggle('fast');    $('.content').not(next).slideUp('fast');    return false;  });

  • 两个同样高度的 Div

项目主页:http://www.open-open.com/lib/view/home/1434416896208