如何使用jquery实现像ctrl+f一样的搜索？

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

<input type="text" id="searchInput" placeholder="输入关键字">
<button id="searchButton">搜索</button>

$(document).ready(function() {
  $("#searchButton").click(function() {
    var keyword = $("#searchInput").val(); // 获取输入框中的关键字
    search(keyword); // 调用搜索函数
  });
});

function search(keyword) {
  var content = $("body").html(); // 获取页面内容
  var regex = new RegExp(keyword, "gi"); // 创建正则表达式，忽略大小写
  var highlightedContent = content.replace(regex, "<span class='highlight'>$&</span>"); // 使用<span>标签包裹匹配的关键字，添加highlight类名
  $("body").html(highlightedContent); // 更新页面内容
}

.highlight {
  background-color: yellow;
}