Javascript JQUERY-不悬停后将SRC更改回原始

我有一个脚本，我正试图使用它来更改图标的src attr。我正在加载的图标是不同的颜色，它旨在通知用户与图标关联的链接

我让src变为悬停时的第二个图标。但是，当用户将鼠标从图标上移开时，它不会恢复到原始图标，而是保持在第二种状态

我编写了代码试图让它返回，但这似乎导致原始代码无法工作。（因此，添加第二个块后，它不会做任何事情）

在此方面的任何帮助都将不胜感激。代码如下：

JS
$socialBlue1.hover(function () {
    $(this).attr("src", "../icons/socialBlue1.png");
});

$socialBlue1.not().hover(function () {
    $(this).attr("src", "../icons/socDark1.png");
});

---

您搜索了

mouseout

：

$socialBlue1.mouseout(function () {
    $(this).attr("src", "../icons/socDark1.png");
});

---

您可以将

.hover（）

方法用于“打开悬停”和“关闭悬停”。只需将第二个函数放在.hover（）方法中，在第一个函数之后。一旦.hover（）事件结束，它将充当回调

这就是它的样子：

$socialBlue1.hover(function () {
    $(this).attr("src", "../icons/socialBlue1.png");
}, function () {
    $(this).attr("src", "../icons/socDark1.png");
});