一些常用功能的jQuery實現：jQuery-Recipes-Your-Mom-Should-Know

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.baiduhome.net/lib/view/home/1434416896208