在除了元素之外的身体上应用模糊

Question

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

我继续这样做了：

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

它的工作，但该小部件也有其中的表单元素，也变得模糊。我尝试了以下操作：

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

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

Answer 1

你应该选择身体的直接孩子，否则任何div（和他们的孩子）都会受到影响。

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