使用jQuery删除CSS样式后的::

Question

我有一个CSS文件,指定:after针对类的样式(' view-performance')

使用jQuery(因为我的JS文件包含业务逻辑),如何:after根据业务逻辑删除样式？

Answer 1

你无法使用jQuery访问伪元素!

但是你可以用css来做,并使用.addClass()/来操作它.removeClass()

下面是一个示例,如何:after通过添加css类来删除伪元素:

你的JS:

$('.view-performance').addClass('without-after-element');

你的CSS:

.view-performance:after {
  content: 'i go after';
}
.view-performance.without-after-element:after {
  content: none;
}

您也可以查看以下问题:

stackoverflow.com/questions/17788990/access-the-css-after-selector-with-jquery