是否可以将javascript变量添加到JQuery .css（）中？

Question

我有这个带有循环的javascript函数

function blackOut() {
'use strict';
for (i = 100; i > 0; i = i - 1) {
    $("body").css();
    }
}

我想使用JQuery函数.css（）

添加这个css代码

-webkit-filter: brightness(i);
filter: brightness(i);

这样屏幕就会停电。

我在.css（）中写什么才能让我拥有变量＆＃39; i＆＃39;里面也是？

Answer 1

这应该成为诀窍：

function blackOut() {
'use strict';
$body = $("body");
for (i = 100; i > 0; i = i - 1) {
    $body.css('-webkit-filter', 'brightness('+ i +')');
    $body.css('filter', 'brightness('+ i +')');
    }
}