用jqery制作随着鼠标移动聚焦的列表 要求:1.当鼠标聚焦在列表上是，该行背景变色 2.当点击该行时，利用动画将该行隐藏消失

好的，以下是一个简单的实现：

HTML代码：

<ul id="list">
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  <li>列表项4</li>
</ul>

jQuery代码：

$(function() {
  // 鼠标移入列表项时，背景色变为灰色
  $('#list li').mouseover(function() {
    $(this).css('background-color', '#ccc');
  });
  
  // 鼠标移出列表项时，背景色恢复为白色
  $('#list li').mouseout(function() {
    $(this).css('background-color', '#fff');
  });
  
  // 点击列表项时，隐藏该项
  $('#list li').click(function() {
    $(this).hide('slow');
  });
});

解释一下代码：

首先，我们使用 jQuery 的 $(function() {}) 语法，在页面加载完成后执行一些代码。

然后，我们选中了列表中的所有 li 元素，并为它们分别绑定了 mouseover、mouseout 和 click 事件。

当鼠标移入列表项时，我们使用 css() 方法将该行的背景色改为灰色。

当鼠标移出列表项时，我们使用 css() 方法将该行的背景色恢复为白色。

当点击列表项时，我们使用 hide() 方法将该项以动画的形式隐藏消失。

注意，这只是一个简单的实现，如果需要更复杂的功能，还需要进一步完善代码。