jQuery 点击A页面按钮时会在弹出新的A页面隐藏老的A页面，点击新A页面取消按钮时展示老A页面，点击新A页面关闭按钮则关闭全部

可以使用 `window.open()` 方法打开新的窗口，并给该窗口指定一个名称（比如 "newA"），然后在点击 A 页面按钮时，先判断是否已经存在该名称的窗口，如果存在，则关闭该窗口，如果不存在，则打开该窗口。同时，将老的 A 页面隐藏。

当点击新 A 页面的取消按钮时，可以使用 `window.close()` 方法关闭该窗口，并将老的 A 页面展示出来。

当点击新 A 页面的关闭按钮时，可以使用 `window.opener` 属性获取到老的 A 页面的窗口对象，然后再使用 `window.close()` 方法关闭该窗口，这样就可以关闭全部窗口。

示例代码如下：

HTML：

<button id="btn">点击打开 A 页面</button>
<div id="oldA">老的 A 页面</div>

JavaScript：

let newA = null; // 用于保存新的 A 页面窗口对象

document.getElementById('btn').addEventListener('click', function() {
  if (newA && !newA.closed) {
    newA.close();
    document.getElementById('oldA').style.display = 'block'; // 显示老的 A 页面
  } else {
    newA = window.open('A.html', 'newA');
    document.getElementById('oldA').style.display = 'none'; // 隐藏老的 A 页面
  }
});

// 在新的 A 页面中添加取消按钮的点击事件
document.getElementById('cancelBtn').addEventListener('click', function() {
  newA.close();
  document.getElementById('oldA').style.display = 'block'; // 显示老的 A 页面
});

// 在新的 A 页面中添加关闭按钮的点击事件
document.getElementById('closeBtn').addEventListener('click', function() {
  window.opener.close();
  window.close();
});