jquery - 使用 jQuery 向元素添加 css::before

Question

我知道这听起来很傻，你会问我为什么不使用 css，我向你保证我有理由。我正在构建一个可配置给用户的应用程序，其中一部分正在更改背景颜色。更改背景颜色没问题，但我有一个地方，我在::before 上使用 css 阴影将图像轻轻淡化到背景中。

我的 CSS 看起来像这样

-moz-box-shadow:inset 0px 0px 90px 50px rgba(230,235,242,0.98);
-webkit-box-shadow:inset 0px 0px 90px 50px rgba(230,235,242,0.98);
box-shadow:inset 0px 0px 90px 50px rgba(230,235,242,0.98);

为了尝试将其转换为 jQuery，我尝试了类似的方法

$('.titleImage .shadow::before').css('-webkit-box-shadow', "inset 0px 0px 90px 50px" + Props['BackgroundColor']);

但它不想工作。任何帮助将不胜感激!

Answer 1

jQuery 无法针对伪元素(不要寻求解决方法，没有)，但您可以在添加/删除/修改伪元素的元素上切换类。

$('div').on('click',function(){ $(this).toggleClass('pseudo'); });

div:before {
  content:"Hi";
  border: 1px solid #000;
  }

div.pseudo:before { border-width: 3px; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  </div>