微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JavaScript实现修改伪类样式

项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式,但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法

HTML

aragraph tag.

CSS

rush:xhtml;"> .red::before { content: 'red'; color: red; }

方法

使用JavaScript或者jQuery切换

元素的类名,修改样式。

rush:xhtml;"> .green::before { content: 'green'; color: green; } $('p').removeClass('red').addClass('green');

方法

在已存在的').appendTo('head');

方法

使用HTML5的data-属性,在属性中使用attr()动态修改

rush:xhtml;">

aragraph tag.

.red::before { content: attr(data-attr); color: red; } $('.red').attr('data-attr','green');

以上就是我们为大家整理的四种方法,如果大家有更好的方法,可以在下方的留言区讨论。

原文地址:https://www.jb51.cc/js/35020.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐