JQUERY .css()with:hover伪类[重复]



此问题已经存在 这里有一个答案:</ p>





  • 通过jQuery / Javascript添加悬停CSS属性



    4 answers

    </ span >

    </ li>

    </ ul>

    </ div>

    以下代码不适用于带的CSS类:hover < / code>,但与其他一切相关。 无论如何使其适用于具有:hover </ code>的CSS类,或任何伪类? </ p>

      $('。nav-sidebar,.nav-sidebar:hover')。css(“border-color”,“blue”); 
    </ code> </ pre>
    </ div>

展开原文

原文

This question already has an answer here:

The following code doesn't apply to the CSS classes with :hover, but does with everything else. Anyway to make it work with CSS classes that have :hover, or any pseudo-classes for the matter?

$('.nav-sidebar, .nav-sidebar:hover').css("border-color", "blue");
</div>

dongpingwu8378
dongpingwu8378 我不明白这个问题。
6 年多之前 回复

2个回答

Why not doing this?

$('.nav-sidebar > .active, .nav>li').hover(function(){
   $(this).css("border-color", "blue");
});
dongzong2017
dongzong2017 谢谢,这有帮助。 不知道为什么我没想到这一点。 :d
6 年多之前 回复



你不能像在css伪类选择器中那样在jquery中使用:hover </ code>选择器。</ p>

在Jquery中,您可以使用 .hover()来绑定悬停事件</ 代码> </ p>

试试这个:</ p>

  $('。nav-sidebar')。css(“border-color  “,”blue“); 
$('。nav-sidebar')。hover(function(){
$(this).css(”border-color“,”blue“);
});

</ code> </ pre>
</ div>

展开原文

原文

you can not use :hover selector in jquery like we do in css pseudo-classes selector.

In Jquery you can bind hover event using .hover()

Try this:

$('.nav-sidebar').css("border-color", "blue");
$('.nav-sidebar').hover(function(){
   $(this).css("border-color", "blue");
});

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问