Javascript 单击任何div时影响其属性

我想在单击页面上的任何项目时影响其背景色。我如何在不使用id名称的情况下执行此操作？正如您在下面看到的，我尝试过使用

这个

，但它似乎不起作用

$(document).click(function() {
    $(this).css({'background-color': 'blue'});
});

任何帮助都会得到感激。谢谢

为什么不看看呢

为什么不看看呢

为什么不看看呢

为什么不看看呢

这应该起作用：

$（文档）。单击（函数（事件）{
$（event.target）.css（{'background-color'：'blue'}）；
});

DIV
SPAN
这应该可以：


$（文档）。单击（函数（事件）{
$（event.target）.css（{'background-color'：'blue'}）；
});

DIV
SPAN
这应该可以：


$（文档）。单击（函数（事件）{
$（event.target）.css（{'background-color'：'blue'}）；
});

DIV
SPAN
这应该可以：


$（文档）。单击（函数（事件）{
$（event.target）.css（{'background-color'：'blue'}）；
});

DIV
SPAN
document.addEventListener('click', function (e) {
    e.target.style['background-color'] = 'blue';
});