Question

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

为什么我绑定了鼠标移入和移出、点击事件，当我移入的时候改变背景色，移出是改变为原来的，点击时改变背景色，但点击之后背景色是变了，但鼠标一移开又变回去了

$("#div1").delegate("a", "mouseenter", function() {
$(this).attr("class", "seled");
}).delegate("a", "mouseleave", function() {
$(this).removeClass("seled");
});

$("#div1").delegate("a", "click", function() {
$(this).parents(".selefd").children("a").each(
function() {
$('.selefd a').removeClass("seled");
});
$(this).attr("class", "seled");
alert("点击");
});

不加鼠标移入移出事件点击事件就能添加Class

Answer 1

你只要明白事件触发的顺序就知道原因了：当你鼠标移到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而不是三。你可以测试一下

Answer 2

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

Answer 3

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