下面是详细的攻略。

分享12个实用的jQuery代码片段

1. 显示/隐藏密码

当需要用户在进行密码输入时，为了避免输入错误，通常要求用户再次确认密码，这时候可以提供一个显示/隐藏密码的按钮，以方便用户查看密码。下面的代码可以实现这一功能。

$("#show-password").click(function() {
  var type = $("#password").attr("type");
  if (type === "password") {
    $("#password").attr("type", "text");
  } else {
    $("#password").attr("type", "password");
  }
});

2. 动态滚动加载数据

当页面上的数据较多时，可以通过滚动加载的方式，实现分批加载数据，以减少页面首次加载时间。下面的代码可以实现动态滚动加载。

var page = 1;
var isLoading = false;
$(window).scroll(function() {
  var scrollTop = $(this).scrollTop();
  var scrollHeight = $(document).height();
  var windowHeight = $(this).height();
  if (scrollTop + windowHeight + 50 >= scrollHeight && !isLoading) {
    isLoading = true;
    page++;
    $.get("/data?page=" + page, function(data) {
      if (data.length > 0) {
        appendData(data);
        isLoading = false;
      }
    });
  }
});

function appendData(data) {
  for (var i = 0; i < data.length; i++) {
    var item = $("<div>").addClass("item").text(data[i]);
    $("#container").append(item);
  }
}

3. ……

接下来的代码，请查看我的博客：分享12个实用的jQuery代码片段。