制作今日团购模块 :当鼠标指针移过商品信息时，使用addClass( )添加如图中间图片所示的样式，边框及背景颜色值为#D51938，说明文字变为白色 当鼠标指针移出时，使用removeClass( )恢复初始状态

可以使用以下代码实现：

HTML代码：

<div class="product">
  <img src="product-image.jpg" alt="Product Image">
  <h3>Product Name</h3>
  <p>Product Description</p>
  <span class="price">$19.99</span>
</div>

CSS代码：

.product {
  position: relative;
  display: inline-block;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.product:hover {
  border: 1px solid #D51938;
  background-color: #D51938;
}

.product:hover h3,
.product:hover p,
.product:hover .price {
  color: #fff;
}

JavaScript代码：

$('.product').hover(function() {
  $(this).addClass('hover');
}, function() {
  $(this).removeClass('hover');
});

这段代码使用了 jQuery 库中的 hover() 方法，当鼠标移入时添加 hover 类，移出时移除 hover 类。CSS 样式中定义了 hover 类下的样式，实现了鼠标移入时的效果。