jQuery选择给定元素的伪元素

Question

  

可能重复：
  Manipulating CSS :before and :after pseudo-elements using jQuery

如果我有element，如何使用 jQuery 解决其对应的伪元素？

我的观点是，例如，如果我在DOM中有一个元素，如何使用 jQuery 访问其:before或:after伪元素？

P.S。我只有一个指向该元素的jQuery指针。

Answer 1

也许您希望创建一个根本不存在的元素。使用jQuery .after()创建它。 （同样，您也可以使用jQuery .before()！）

<div id="element">123</div>

#element {
 float: left;
 color: white;
}

.selected {
  background-image:url("http://www.gravatar.com/avatar/bb7148ce65e69d732186e93116462cb2?s=100&d=identicon&r=PG");
  width: 100px;
  height: 100px;
}

$('#element').after('<div class="selected"></div>');

jsFiddle DEMO

jsFiddle DEMO with Remove