初学程序员的Jquery错误

Question

我是jquery的新手。我试图测试我的知识。但以下内容不适用于我的页面上的img（页面上唯一的img）。我检查了html文档中的引用，这是正确的。

我得到一个＆＃34;意外的令牌＆＃34;来自chrome的错误。

$(document).ready(function() {
$('img').mouseenter(function() {
    $('img').fadeTo('fast',0.5);
});
$('img').mouseleave(function() {
    $('img').fadeTo('fast',1);
)};
});

Answer 1

您需要使用mouseleave而不是})关闭)}功能：

$('img').mouseleave(function() {
    $('img').fadeTo('fast',1);
}); // <-- Here

此外，最好使用$(this)仅定位目标图片：

$(document).ready(function () {
    $('img').mouseenter(function () {
        $(this).fadeTo('fast', 0.5);
    });
    $('img').mouseleave(function () {
        $(this).fadeTo('fast', 1);
    });
});

您还可以使用 .hover() 来缩短代码：

$(document).ready(function () {
    $('img').hover(function () {
        $(this).fadeTo('fast', 0.5);
    }, function() {
        $(this).fadeTo('fast', 1);
    });
});