項目中時常會需要用到使用JavaScript來動態(tài)控制為元素(:before,:after)的樣式，但是我們都知道JavaScript或jQuery并沒有偽類選擇器。這里總結(jié)一下幾種常見的方法。
創(chuàng)新互聯(lián)長期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為武宣企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)，武宣網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
HTML
Hi, this is a plain-old, sad-looking paragraph tag.
CSS
重慶分公司
重慶分公司
.red::before {
content: 'red';
color: red;
}
方法一
使用JavaScript或者jQuery切換
元素的類名，修改樣式。
.green::before {
content: 'green';
color: green;
}
$('p').removeClass('red').addClass('green');
方法二
在已存在的').appendTo('head');
方法四
使用HTML5的data-屬性，在屬性中使用attr()動態(tài)修改。
Hi, this is plain-old, sad-looking paragraph tag.
.red::before { content: attr(data-attr); color: red; } $('.red').attr('data-attr', 'green');
以上就是我們?yōu)榇蠹艺淼乃姆N方法，如果大家有更好的方法，可以在下方的留言區(qū)討論。
