使用JQuery通过搜索框隐藏div

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<input type="text" id="searchBox" placeholder="输入关键词">
<div id="contentDiv">
  这是需要隐藏的内容
</div>

$(document).ready(function() {
  // 监听搜索框的输入事件
  $("#searchBox").on("input", function() {
    var keyword = $(this).val(); // 获取搜索框的值
    if (keyword === "") {
      $("#contentDiv").show(); // 如果搜索框为空，则显示div
    } else {
      $("#contentDiv").hide(); // 如果搜索框有值，则隐藏div
    }
  });
});