举一个jQuery鼠标悬停效果的例子

当用户将鼠标悬停在元素上时，可以使元素发生变化，如改变颜色、大小、样式等。以下是一个简单的jQuery鼠标悬停效果的例子：

HTML代码：

<div class="box">悬停我</div>

CSS代码：

.box {
  width: 100px;
  height: 50px;
  background-color: #ccc;
  text-align: center;
  line-height: 50px;
}
.box:hover {
  background-color: #f00;
  color: #fff;
  cursor: pointer;
}

jQuery代码：

$(function() {
  $(".box").hover(function() {
    $(this).css("background-color", "#f00");
  }, function() {
    $(this).css("background-color", "#ccc");
  });
});

当鼠标悬停在.box元素上时，会改变其背景色和文字颜色。