jQuery改变css伪元素样式

0220w

于 2018-08-23 16:34:24 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/hello_zcx/article/details/81983362

本文介绍如何利用jQuery来动态地更改CSS伪元素的内容，通过实例演示了将特定字符串赋值给伪元素的过程，这对于网页动态效果的实现非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般的样式，我们大家都可以改变

但是伪元素不是dom元素，不可以直接改变

伪元素类似于before,after之类的

<div class="slide_nav">
    <div class="next"></div>
</div>

.next:before{
     content:"999";
     color: #000;
}

接下来把jquery引入，在写下面的代码

 var content = '"\\65e5\\5e38"',appendStr;
 appendStr="<style>.next:before{content:" + content + "}</style>";
 $('.slide_nav').append(appendStr);