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

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

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

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

假設(shè)有如下HTML代碼：

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

和CSS代碼：

.techbrood:before {
width: 0;
}

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

有兩個(gè)方法，一個(gè)是添加新的樣式：

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

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

另外一個(gè)方法是為該元素添加新類(lèi)，并通過(guò)設(shè)置新類(lèi)的屬性來(lái)達(dá)到改變偽元素屬性的效果：

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

jQuery代碼：

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

相關(guān)文章

最新評(píng)論