javascript - 在除元素之外的 body 上应用模糊

Question

每当用户打开小部件时，我都会尝试在整个页面上应用模糊效果。模糊效果应该应用于除打开的小部件之外的整个页面。

我已经继续这样做了:

$("body div:not('.header__profile-create-wrapper') ").addClass("blur");

它的工作原理，但该小部件中还包含表单元素，这些元素也变得模糊了。我尝试执行以下操作:

$("body div:not('.header__profile-create-wrapper') > * ").addClass("blur");

这似乎并没有成功。有什么线索吗？

Answer 1

您应该选择 body 的直接子元素，否则任何 div(及其子元素)都会变得模糊。

$("body > div:not('.header__profile-create-wrapper') ").addClass("blur");