欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery修改CSS偽元素屬性的方法

 更新時間：2014年07月30日 14:51:29   投稿：whsnow  
CSS偽元素不是DOM元素，因此你無法直接選擇到它們。下面與大家分享兩種不錯的修改方法，需要的朋友可以參考下

CSS偽元素（pseudo elements）不是DOM元素，因此你無法直接選擇到它們。

假設有如下HTML代碼：

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

和CSS代碼：

.techbrood:before {
width: 0;
}

現(xiàn)在你想在某個元素的click事件中動態(tài)的把techbrood:before的width屬性設置為100%，

有兩個方法，一個是添加新的樣式：

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

（注意該方法將影響所有的class為techbrood的元素）

另外一個方法是為該元素添加新類，并通過設置新類的屬性來達到改變偽元素屬性的效果：

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

jQuery代碼：

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

相關文章

最新評論