手机
当前位置:查字典教程网 >编程开发 >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伪元素属性的方法】相关文章:

jQuery实现返回顶部效果的方法

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

jQuery实现dialog设置focus焦点的方法

javascript元素动态创建实现方法

jQuery实现转动随机数抽奖效果的方法

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

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

jQuery判断指定id的对象是否存在的方法

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

JQuery自动触发事件的方法

精品推荐
分类导航