Question

jQuery实现鼠标事件（click mouseout mouseover）的以下功能

要求：一张图片
1、单击该图片，图片样式（如边框颜色变红）改变，再单击一次，返回原来样式（如边框颜色变回原来的蓝色）；
2、当图片处于边框是红色的情况下。没有mouseover和mouseout事件
3、当图片处于边框是蓝色的情况下，mouseover将边框变红，mouseout将边框变回原来的蓝色。
应该怎么实现？
在3中，还有click事件，click将边框变红后，即鼠标单击图片使边框变红后，不会发生mouseout再将边框变蓝。

Answer 1

你这逻辑有点问题，或者表达有点问题，
问：如果当边框为蓝色时，鼠标放上去为红色，此时点击的话，边框是否变回蓝色？
答：

不变，保留红色，此时属于你的附加条件，不应该有mouseout事件，那mouseover是否需要，需要的话有属于mouseover事件，那mouseout事件有应该有。

其实，你要的挺简单，可能没有描述清楚。以下是不包括你附加条件的js代码，如果要的话，请逻辑描述清楚，再给你写

var c = 0; //蓝色
$(function () {
$("#img").click(function () {
if (c == 0) {
$(this).css("border-color", "red");
c = 1;
}
else {
$(this).css("border-color", "blue");
c = 0;
}

});
$("#img").mouseover(function () {
if (c==0) {
$(this).css("border-color", "red");
}
});
$("#img").mouseout(function () {
if (c == 0) {
$(this).css("border-color", "blue");
}
});
});