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想要什么输出?或者问这个问题的座右铭是什么?事实上,它不是一个伪类,而是伪元素…两者是不同的。你是对的!我改变了它。事实上,它不是一个伪类,它是伪元素…两者是不同的。你说得对!我改了。