js 和 jQuery 修改伪类样式几种方法

修改伪元素的几种方式在这里记录一下:

效果:

点击前

js 和 jQuery 修改伪类样式几种方法

点击后:

js 和 jQuery 修改伪类样式几种方法

修改了content元素和伪元素的高度(ps 见样式)

1.jquery修改 通过class替换达到修改目的

js 和 jQuery 修改伪类样式几种方法

js 和 jQuery 修改伪类样式几种方法

2. jQuery 通过添加style样式来实现

js 和 jQuery 修改伪类样式几种方法

js 和 jQuery 修改伪类样式几种方法

3.通过js 修改来实现

js 和 jQuery 修改伪类样式几种方法

js 和 jQuery 修改伪类样式几种方法

总结一下: 这次在使用原生js实现修改伪元素了解几个新的api:点击这个查看哦 getComputedStyle、 insertRule

最后:如有不对的地方,欢迎指正。