访问CSS“：”带有jQuery的选择器

Question

访问CSS“：”带有jQuery的选择器我有以下CSS：.pageMenu .active::after {     content: '';     margin-top: -6px;     display: inline-block;     width: 0px;     height: 0px;     border-top: 14px solid white;     border-left: 14px solid transparent;     border-bottom: 14px solid white;     position: absolute;     right: 0;}我想使用jQuery更改顶部、左侧和底部边框的边框宽度。我用来访问这个元素的选择器是什么？我试过以下几种方法，但似乎不起作用。$('.pageMenu .active:after').css(         {             'border-top-width': '22px',             'border-left-width': '22px',             'border-right-width': '22px'         }     )

Answer 1

您可以添加样式*之后类似的html代码。
例如：

var value = 22;body.append('<style>.wrapper:after{border-top-width: ' + value + 'px;}</style>');

Answer 2

如果使用jquery内置的after()使用空值，它将创建一个动态对象，该对象将与您的:afterCSS选择器。

$('.active').after().click(function () {
    alert('clickable!');});

见jQuery文档.