使用jquery来改变css值

Question

我尝试使用:focus和tabindex方法与<div>进行交互时使用纯CSS执行此操作，但是当我尝试通过HTML添加视频时它打破了这一切所以我不得不求助于jQuery。

我是JavaScript的新手，但我尝试做的就是当你点击#about_me.tab:before元素时它将#about_me.tab移动到0vh并更改它{ {1}}到5然后改变z-index，但这不起作用，任何人都可以看到问题，还是HTML或CSS

box-shadow

印

Answer 1

您应该使用jQuery选择器而不是使用伪元素：

 $("#about_me.tab").prev().click(function(){
    $("#about_me.tab").css({"transition":"top 1s, z-index 0s","top":"0vh","z-index":"5","box-shadow":"0 0 8vw black"});
 });

或

 $("#about_me.tab").click(function(){
    $("#about_me.tab").prev().css({"transition":"top 1s, z-index 0s","top":"0vh","z-index":"5","box-shadow":"0 0 8vw black"});
 });

Answer 2

<强>的jQuery

$("#about_me.tab").addClass('shadow');

<强> CSS

.shadow{
//Your style

}