使用jquery在一个搜索框内输入关键字，表格的内容进行即时的筛选

可以使用以下代码实现：

HTML代码：

<input type="text" id="searchBox" placeholder="输入关键字进行搜索">
<table id="dataTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>20</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>25</td>
      <td>女</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>30</td>
      <td>男</td>
    </tr>
  </tbody>
</table>

jQuery代码：

$(document).ready(function() {
  // 监听搜索框输入事件
  $("#searchBox").on("input", function() {
    var keyword = $(this).val().toLowerCase(); // 获取搜索关键字并转换为小写字母
    $("#dataTable tbody tr").each(function() { // 遍历表格每一行
      var name = $(this).find("td:first").text().toLowerCase(); // 获取姓名并转换为小写字母
      if (name.indexOf(keyword) !== -1) { // 如果姓名包含关键字，则显示该行
        $(this).show();
      } else { // 否则隐藏该行
        $(this).hide();
      }
    });
  });
});

代码解释：

1. 监听搜索框输入事件，获取搜索关键字并转换为小写字母。
2. 遍历表格每一行，获取姓名并转换为小写字母。
3. 如果姓名包含关键字，则显示该行；否则隐藏该行。