jquery返回到当前页面时，不触发$(()=>{})

当你使用浏览器的前进/后退按钮返回到当前页面时，浏览器会从缓存中加载页面，不会重新加载页面，因此也不会触发jQuery的`$(document).ready()`事件或`$(()=>{})`回调函数。

如果你想在返回到当前页面时执行某些操作，可以监听`window.onpageshow`事件。`window.onpageshow`事件在页面从缓存中加载时触发，即使是通过浏览器的前进/后退按钮返回到当前页面也会触发该事件。

例如，你可以这样使用`window.onpageshow`事件：

$(window).on('pageshow', function(event) {
    if (event.originalEvent.persisted) {
        // 页面从缓存中加载，执行你需要的操作
    }
});

这段代码中，我们监听了`window.onpageshow`事件，并判断`event.originalEvent.persisted`是否为`true`，如果为`true`则表示页面从缓存中加载，我们可以在这里执行你需要的操作。

相关问题

JQuery实现页面跳转时销毁本页面

在页面跳转时销毁本页面，可以使用以下代码：

$(window).on('beforeunload', function() {
    // 在这里添加你需要执行的代码
});

当页面开始卸载时，`beforeunload`事件将被触发。在这个事件处理程序中，你可以添加你需要执行的代码，例如清除本地存储、取消定时器、关闭WebSocket连接等。

需要注意的是，`beforeunload`事件的处理程序必须返回一个字符串，这个字符串将提示用户是否离开当前页面。如果你不想让用户看到这个提示，可以返回一个空字符串或`undefined`。例如：

$(window).on('beforeunload', function() {
    // 清除本地存储
    localStorage.clear();
    // 取消定时器
    clearInterval(timer);
    // 关闭WebSocket连接
    socket.close();
    // 不显示提示信息
    return '';
});

如果没有jquery，那么$(document)用什么代替

### 回答1：
如果没有jquery，那么可以使用JavaScript原生的`document.querySelector()`或者`document.querySelectorAll()`来代替$(document)。例如，可以使用如下代码来获取文档中的所有段落元素：

var paragraphs = document.querySelectorAll('p');

同样地，可以使用`document.getElementById()`或者`document.getElementsByTagName()`来获取单个元素或者元素集合。例如，可以使用如下代码来获取文档中第一个段落元素：

var firstParagraph = document.getElementsByTagName('p')[0];

注意，上面的代码中使用的是`getElementsByTagName()`，这个方法会返回一个类数组对象，所以需要使用下标访问具体的元素。

此外，还可以使用JavaScript原生的`document.getElementById()`来获取指定的元素。例如，可以使用如下代码来获取文档中ID为"my-element"的元素：

var myElement = document.getElementById('my-element');

总之，如果没有jquery，可以使用JavaScript原生的方法来获取文档中的元素。

### 回答2：
如果没有jQuery，$(document)可以用纯JavaScript来替代。

在jQuery中，$(document)用于选择整个文档对象，可以执行各种操作和绑定事件。在纯JavaScript中，我们可以使用以下方式来替代$(document)的功能：

1. document对象：document对象是JavaScript中表示整个HTML文档的对象，可以代替$(document)来进行各种操作。例如，可以使用document.getElementById()来选择元素，document.addEventListener()来绑定事件。

2. window.onload事件：如果需要在整个文档加载完成后执行一些操作，可以使用window.onload事件来代替。可以通过window.onload = function() {}来编写需要执行的代码。

3. 事件委托：如果需要给子元素绑定事件，可以将事件委托给父元素来实现。例如，使用document.addEventListener()绑定事件，然后在事件处理函数中判断事件源是否是需要绑定事件的子元素。

总之，虽然没有了jQuery的便利性和简洁性，但是通过纯JavaScript的方式仍然可以实现$(document)的功能。

### 回答3：
如果没有jQuery，可以使用原生的JavaScript来代替$(document)。

在jQuery中，$(document)表示当前HTML文档的根元素。它允许我们通过编写$(document).ready()函数来确保文档在加载完毕后再执行JavaScript代码。

在没有jQuery的情况下，我们可以使用原生的JavaScript来实现相同的功能。可以使用document对象来代替$(document)。

例如，原生的JavaScript代码可以这样来实现类似的$(document).ready()函数的功能：

document.addEventListener("DOMContentLoaded", function(event) {
  // 在页面加载完毕后执行的代码
  // 可以在这里写原生的JavaScript代码
});

这段代码使用了`addEventListener`方法来监听`DOMContentLoaded`事件，这个事件表示当初始的HTML文档被完全加载和解析完成后触发。在这个事件的处理函数中，可以编写你想要在文档加载完毕后执行的JavaScript代码。

需要注意的是，原生的JavaScript代码可能比jQuery复杂一些，因为jQuery提供了更加简便和跨浏览器兼容的封装。但是，在没有jQuery的情况下，我们仍然可以使用原生的JavaScript来达到类似的效果。