jQuery实现页面脱敏

jQuery可以通过修改DOM元素的属性或内容来实现页面脱敏。

例如，将表单中的敏感信息替换为星号：

<form>
  <label>姓名：</label>
  <input type="text" name="name">
  <br>
  <label>身份证号：</label>
  <input type="text" name="idNumber">
</form>

$(function() {
  // 获取敏感信息输入框
  var $idNumberInput = $('input[name=idNumber]');
  // 将输入框的值替换为星号
  $idNumberInput.val('*'.repeat($idNumberInput.val().length));
});

还可以将页面中的所有文本节点替换为星号：

$(function() {
  // 获取所有文本节点
  var $textNodes = $('*:not(script,style)').contents().filter(function() {
    return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
  });
  // 将文本节点的内容替换为星号
  $textNodes.each(function() {
    this.nodeValue = '*'.repeat($.trim(this.nodeValue).length);
  });
});

需要注意的是，页面脱敏只是为了保护用户隐私，而不是真正的数据加密，因此需要在服务器端对敏感信息进行保护。