jquery如何获取伪类？

Question

       jQuery('.welock-nav li a').hover(function(){
                jQuery('#menu-content').css({display:'flex'});
               $(this)怎么获取伪类css({left:0,color:'red'})
            });

Answer 1

其实正确思路是通过jQuery给伪类的父级元素增加一个 className，然后在CSS里面写一个效果就好了。

其实直接使用CSS去操作也可以。毕竟只是操作了 a 标签的伪类元素。

Answer 2

要获取伪类样式可以使用 window.getComputedStyle 方法，具体实现如下：

jQuery('.welock-nav li a').hover(function(){
  jQuery('#menu-content').css({display:'flex'});
  var styles = window.getComputedStyle(this, ':hover');
  var left = styles.getPropertyValue('left');
  var color = styles.getPropertyValue('color');
  // 对获取到的样式进行操作
});

上述代码中，使用 window.getComputedStyle 方法获取当前元素在 :hover 状态下的样式，并通过 getPropertyValue 方法获取具体样式属性的值。然后就可以对获取到的样式进行操作了。