jQuery 在元素之前和之后更改背景颜色框

Question

这是我的例子> http://jsfiddle.net/YXqu2/

我需要你的帮助。

我在我的 html 中附加了框，这个框有前后元素，使用 jQuery 我随机给框元素一些背景，我也想改变之前在元素边框颜色之后我写了一些代码但是它不起作用如果你能帮助我。

抱歉我的英语不好。

谢谢

Answer 1

你不能用jquery来改变伪类的样式，因为你不能选择它们，但是你可以在头部注入(inject)一个新的样式元素来改变它们

HTML

<div class="container">
Container       
</div>

JS

var redAfter = jQuery('<style>.container:after{border:1px solid #F00; }</style>');
var blueAfter = jQuery('<style>.container:after{border:1px solid #00f; }</style>');

jQuery("#change1").click(function(){
   blueAfter.remove();
   jQuery("head").append(redAfter);
});

jQuery("#change2").click(function(){
   redAfter.remove();
   jQuery("head").append(blueAfter);
});

Fiddle Demo

我不知道这是否会导致任何性能问题。如果您有很多需要更改的伪元素等，则可能会发生这种情况。我认为保留样式的对象以便在不需要时可以删除它们可能会很好。也不确定这在 chrome 中的跨浏览器兼容性如何。

如果可能的话，可能应该更改您的代码以使用实际对象而不是伪对象。