javascript - 在鼠标悬停时更改 body 的 css

Question

我想在一些不同的 div 容器上获得突出显示效果，而网站的其余部分应该降低不透明度，包括背景图像。 有什么想法吗？

为什么这段代码不起作用？也尝试了 .hover() 而不是 .mouseover() 但该函数不会对任何输入使用react...

$(function () {
    $('body').mouseover(function () {
        $('body').prop({
            "background-color": "red";
        });
    });
});

另一种尝试是在 html 中的 body 标签周围设置一个框架，然后在悬停框架处于正常状态时为该框架设置 props，但我不知道该怎么做。刚开始js开发。 :)

编辑:失败了...

$(function () {
    $('body').mouseover(function () {
        $('body').css({
            "opacity": "0.3";
        });
    });
});

应该是这样的... 任何方法也可以将不透明度应用于背景图像？!

Answer 1

fiddle Demo

使用.css()

Set one or more CSS properties for the set of matched elements.

$(function () {
    $('body').mouseover(function () {
        $(this).css({
            "background-color": "red"
        });
        //or $(this).css("background-color","red");
    });
});

this

---

.prop()

Set one or more properties for the set of matched elements.