显示功能不起作用：之前

Question

嗨我有这个点击功能来显示：之前由于某种原因它不显示它？这是我的代码谢谢！ 同样是.cart-toggle：在class之前是display：none;所以它可以显示。

$( ".cart-toggle" ).click(function() {
  $( ".cart-toggle:before" ).show( "slow", function() {
    // Animation complete.
  });
});

谢谢！

Answer 1

jQuery（以及一般的javascript）不支持CSS伪类，因为它们不是DOM的一部分。

解决方法取决于你想要做什么，但是用jQuery动画伪类几乎是不可能的，所以我猜你必须创建一个实际的元素而不是伪类。

Answer 2

jQuery中不允许使用每个CSS选择器。只允许其中的一小部分，例如.类选择器，# id选择器，:first-child子选择器。

除此之外，jQuery有自己的选择类型元素的方法。与:checkbox（https://api.jquery.com/checkbox-selector/）

一样

其他CSS选择器在jQuery中无效。

Answer 3

因此，您无法完全按照自己的意愿行事，但您可以根据类显示/隐藏CSS中的:before，然后稍后再添加该类以显示它。例如：

<强> Fiddle

<强> HTML

<p>Example</p>

<强> CSS

p.toggled:before {
    content: "show-me";
}

<强> JQUERY

$("p").on("click", function() {
    $(this).toggleClass("toggled");
});