在网页开发中，为页面元素添加交互效果能够极大地提升用户体验。其中，设置列表项（li）的鼠标悬停（mouseover）事件是一种常见且实用的交互方式。借助强大的 jQuery 库，我们可以轻松实现这一功能。

确保在 HTML 文件中正确引入了 jQuery 库。这是后续操作的基础，只有引入了该库，我们才能使用其中丰富的 API 来操作 DOM 元素。

接下来，创建一个简单的 HTML 列表结构。例如：

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

在上述代码中，我们创建了一个包含三个列表项的无序列表，并为其设置了一个唯一的 id “myList”，这将方便我们在 jQuery 中选取该元素。

然后，使用 jQuery 来为这些列表项添加鼠标悬停事件。在 script 标签中编写如下代码：

$(document).ready(function() {
  $('#myList li').mouseover(function() {
    $(this).css('background-color', 'lightblue');
  });

  $('#myList li').mouseout(function() {
    $(this).css('background-color', 'white');
  });
});

在这段代码中，$(document).ready() 函数确保页面 DOM 加载完成后才执行后续代码，避免在元素未加载时进行操作导致的错误。$('#myList li') 选取了 id 为 “myList” 的无序列表下的所有列表项。mouseover() 方法绑定了鼠标悬停事件，当鼠标移到某个列表项上时，会执行函数内的代码，这里是将该列表项的背景颜色设置为浅蓝色（lightblue）。而 mouseout() 方法则绑定了鼠标移出事件，当鼠标移出列表项时，将背景颜色恢复为白色（white）。

通过上述步骤，我们就成功地使用 jQuery 为列表项设置了鼠标悬停效果。这种简单的交互效果能够吸引用户的注意力，使页面更加生动和易用。无论是在导航栏、产品列表还是其他需要用户交互的地方，都可以灵活运用这一技巧，为网站或应用增添独特的魅力。掌握 jQuery 设置 li 鼠标悬停事件的方法，无疑为前端开发者的技能库增添了一项实用的工具。