jQuery是一种常用的JavaScript库，它可以轻松操作HTML文档中的元素和样式。其中一个常见的功能是改变元素的背景颜色。在本文中，我们将学习如何使用jQuery将一个div元素的背景颜色在按下时更改。

<div id="myDiv">这是一个div元素</div>
<script>
$("#myDiv").mousedown(function() {
$(this).css("background-color", "red");
});
$("#myDiv").mouseup(function() {
$(this).css("background-color", "blue");
});
</script>

在上面的代码中，我们首先选择了一个id为“myDiv”的div元素。我们为mousedown和mouseup事件绑定了两个函数，当鼠标按下时，div元素的背景颜色将变为红色，当鼠标释放时，背景颜色将恢复为蓝色。

这种方法可以用于各种交互式应用，包括游戏，图形用户界面，甚至是电子商务网站。通过使用jQuery，您可以轻松地为您的网站添加精美的动态效果，并提高用户体验。