jquery 保存页面内容

在前端开发中，经常会遇到需要保存页面内容的情况。这时候JQuery就可以发挥它的作用。

首先，我们需要引入JQuery：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

接下来，我们定义一个按钮，当用户点击按钮时，我们就会保存页面内容：

<button id="save_btn">保存页面内容</button>

最后，我们写下Javascript代码，在按钮被点击之后，把页面内容保存到本地：

$('#save_btn').click(function () {
  var content = $('html').html();
  localStorage.setItem("page_content", content);
  alert("页面内容已保存！");
});

代码解释：

• $('html').html()会获取页面所有的HTML内容。
• localStorage.setItem(key, value)会把内容保存到本地。

这样，当用户点击按钮时，页面的HTML内容就会被保存到本地存储。在需要的时候，我们可以通过localStorage.getItem(key)来获取保存的内容。

总结：JQuery可以简化前端开发的代码，让我们更加高效地完成任务。通过以上代码，在不到10行的代码中，我们可以轻松保存页面内容。希望这篇文章能对大家有所帮助。