Jquery :before and Css

Question

我有一个div。在我的 CSS 中，我向这个div 添加了"：before"，以便在其上创建另一个色块。

在jquery中，我想更改鼠标悬停时的颜色，但仅适用于"div：before"块，但它不起作用。

我

怎样才能解决我的问题？

谢谢

我的 JS 小提琴问题

我的 CSS ：

div {
    background:cyan;
    width:200px;
    height:300px;
}
div.color:before {
    content:'Color me !';
    background:orange;
    width:100px;
    height:100px;
    display:inline-block;
    position:absolute;
}

我的j查询：

$('div').addClass('color');
$("div").toggleClass("color").mouseover(function() {  
    $(this).stop().css({  'background':'#FF0000' }); 
    });
$("div").toggleClass("color").mouseout(function() {  
    $(this).stop().css({  'background':'#FFFF00' }); 
    });

Answer 1

没有

办法更改 "before" 的属性，但你可以用类得到你想要的 modoicando 类他的元素，如下所示

使用 jQuery 检索和修改 ：before 元素