Jquery鼠标移入和移出、点击事件,点击变色，鼠标移出又变回原来的样式

你只要明白事件触发的顺序就知道原因了：当你鼠标移到div上的时候，触发mouseenter事件，点击的时候触发click事件，然后鼠标移走触发mouseleave事件。
例如：var test=0;
$("#div1").delegate("a", "mouseenter", function() {
test=1;
}).delegate("a", "mouseleave", function() {
test=2;
});
$("#div1").delegate("a", "click", function() {
test=3;
});
当你鼠标移动到div上点击之后鼠标再移走，最后触发的事件是mouseleave事件，此时test是2而不是三。你可以测试一下

加个var isActive来内部判断，是否点击了，如果是，那么移出事件内部函数直接跳过

点击过后鼠标移除也会 触发 鼠标移除事件。你的hover 写在css里面不行么