jquery 保存密码

jQuery 是一款流行的 JavaScript 库，它可以帮助我们轻松地操作 HTML DOM，管理事件处理功能以及处理动画效果。除此之外，jQuery 还提供了一些方便的工具函数，其中就包括保存密码的功能。

在很多网站中，我们都可以选择记住密码，以便下次登录时不需要再次输入密码。这个功能的实现主要依靠浏览器的本地存储功能，我们可以通过 jQuery 提供的工具函数来进行处理。

// 保存密码
$('#remember-me').click(function() {
  if ($('#remember-me').is(':checked')) {
    var username = $('#username').val();
    var password = $('#password').val();
    localStorage.setItem('username', username);
    localStorage.setItem('password', password);
  } else {
    localStorage.removeItem('username');
    localStorage.removeItem('password');
  }
});

// 自动填充密码
$(document).ready(function() {
  var username = localStorage.getItem('username');
  var password = localStorage.getItem('password');
  if (username && password) {
    $('#username').val(username);
    $('#password').val(password);
    $('#remember-me').attr('checked', true);
  }
});

上面的代码演示了保存密码以及自动填充密码的实现方法。首先，我们为“记住密码”复选框绑定了一个点击事件，如果选择记住密码，则将用户名和密码保存到本地存储中。如果取消记住密码，则将之前保存的用户名和密码从本地存储中删除。

接着，我们在文档加载时自动从本地存储中读取保存的用户名和密码。如果有保存的数据，则自动填充到表单中。

总的来说，jQuery 提供了很多方便的工具函数，可以帮助我们快速地实现一些常见的功能，比如保存密码和自动填充密码。这些功能不仅可以提升用户体验，还可以提高我们的开发效率。