jQuery模糊查询详细代码

以下是一个简单的使用 jQuery 实现模糊查询的代码示例：

HTML：

<input type="text" id="searchInput" placeholder="输入关键字进行搜索">
<ul id="searchList">
  <li>Apple</li>
  <li>Banana</li>
  <li>Orange</li>
  <li>Peach</li>
  <li>Mango</li>
  <li>Cherry</li>
</ul>

JavaScript：

$(document).ready(function() {
  $('#searchInput').on('input', function() {
    var searchText = $(this).val().toLowerCase();
    $('#searchList li').each(function() {
      var text = $(this).text().toLowerCase();
      if (text.indexOf(searchText) === -1) {
        $(this).hide();
      } else {
        $(this).show();
      }
    });
  });
});

在这个示例中，当用户输入关键字时，会触发 `#searchInput` 元素的 `input` 事件。然后使用 `$(this).val()` 获取用户输入的文本，并转换为小写字母。接下来遍历 `#searchList` 中的每个 `li` 元素，获取其文本内容，并同样转换为小写字母。使用 `indexOf()` 方法判断文本内容是否包含关键字，如果包含则显示该元素，否则隐藏该元素。