Javascript Jquery中带有after和before的Css

Javascript Jquery中带有after和before的Css,javascript,jquery,html,css,button,Javascript,Jquery,Html,Css,Button,为什么这个代码段在按钮上不起作用?我怎样才能正确地做呢 $('div.button:after').css({ display:'none' }) 不能使用内联CSS选择伪元素,就像不能内联编写:hover样式一样 jQuery对.css()所做的是,它内联注入样式,因此您不能使用$('div.button:after').css()更改伪元素 实现这一点的简单方法是使用say方法 HTML <div class="button">Hello</div> j

为什么这个代码段在按钮上不起作用?我怎样才能正确地做呢

$('div.button:after').css({
    display:'none'
})

不能使用内联CSS选择伪元素,就像不能内联编写
:hover
样式一样

jQuery对
.css()
所做的是,它内联注入样式,因此您不能使用
$('div.button:after').css()更改伪元素


实现这一点的简单方法是使用say方法

HTML

<div class="button">Hello</div>
jQuery

$('div.button').addClass('hide_btn_pseudo');


为了显示元素,您可以使用

删除回来。您不能使用内联CSS选择伪元素,就像您不能内联编写
:hover
样式一样

jQuery对
.css()
所做的是,它内联注入样式,因此您不能使用
$('div.button:after').css()更改伪元素


实现这一点的简单方法是使用say方法

HTML

<div class="button">Hello</div>
jQuery

$('div.button').addClass('hide_btn_pseudo');


为了显示元素,您可以使用将
类向后删除,实际上您不能这样做。因为它是一个伪元素

但你可以这样做:

document.styleSheets[0].insertRule("div.button:after { display:'none'; }", 0);
document.styleSheets[0].cssRules[0].style.display= 'none';

查看特殊IE注释的链接。

事实上你不能。因为它是一个伪元素

但你可以这样做:

document.styleSheets[0].insertRule("div.button:after { display:'none'; }", 0);
document.styleSheets[0].cssRules[0].style.display= 'none';

检查特殊IE注释的链接。

Jquery不适用于伪元素,因为它们不在DOm中。我在这里回答了类似的问题:我仍然很惊讶没有人问OP OP想要什么输出?或者问这个问题的座右铭是什么?Jquery不适用于伪元素,因为它们不在DOm中。我在这里回答了类似的问题:我仍然很惊讶没有人问OP OP OP想要什么输出?或者问这个问题的座右铭是什么?事实上,它不是一个伪类,而是伪元素…两者是不同的。你是对的!我改变了它。事实上,它不是一个伪类,它是伪元素…两者是不同的。你说得对!我改了。