手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery修改CSS伪元素属性的方法
jQuery修改CSS伪元素属性的方法
摘要:CSS伪元素(pseudoelements)不是DOM元素,因此你无法直接选择到它们。假设有如下HTML代码:techbroodintrod...

CSS伪元素(pseudo elements)不是DOM元素,因此你无法直接选择到它们。

假设有如下HTML代码:

<div id="td_pseudo">techbrood introduction</div>

和CSS代码:

.techbrood:before { width: 0; }

现在你想在某个元素的click事件中动态的把techbrood:before的width属性设置为100%,

有两个方法,一个是添加新的样式:

$('head').append("<style>.techbrood::before{ width:100% }</style>");

(注意该方法将影响所有的class为techbrood的元素)

另外一个方法是为该元素添加新类,并通过设置新类的属性来达到改变伪元素属性的效果:

.techbrood.change:before{ width: 100%; }

jQuery代码:

$('#td_pseudo').addClass("change");

【jQuery修改CSS伪元素属性的方法】相关文章:

JavaScript中Number.MAX_VALUE属性的使用方法

JQuery给网页更换皮肤的方法

JS/Jquery判断对象为空的方法

JavaScript中使用Math.PI圆周率属性的方法

JQuery+CSS实现图片上放置按钮的方法

jQuery实现html表格动态添加新行的方法

jQuery替换textarea中换行的方法

jQuery实现限制textarea文本框输入字符数量的方法

jQuery实现延迟跳转的方法

jQuery切换所有复选框选中状态的方法

精品推荐
分类导航