你能执行一个基于jQuery函数的元素的伪类吗?

时间:2017-05-06 07:24:17

标签: jquery html css

是否有可能编写一个jQuery函数,当另一个元素具有并且没有伪类时会触发该函数?

例如,当元素A在元素C上徘徊时,类应该是" aishovered"如果不是,它应该回到" anothovered"

当A没有徘徊时:

<div class="a"> </div>
<div class="b"> </div>
<div class="c aishovered"> </div>

当A徘徊时:

calendar.add(Calendar.DAY_OF_YEAR, 1);

悬停状态仅用于示例,寻找与其他伪类一起使用的jQuery解决方案,例如:active和:visited。

2 个答案:

答案 0 :(得分:0)

要实际添加和删除某个类,account.envato.com您可以通过hover

回复:hovermouseenter
mouseleave

...对于$(".a").hover( function() { $(".c").addClass("aishovered").removeClass("anothovered");}, function() { $(".c").removeClass("aishovered").addClass("anothovered");} ); ,您可以处理:activefocus

但是对于伪类一般,你必须坚持使用CSS解决方案。在您的情况下,由于元素是兄弟姐妹,您可以使用sibling combinator

来实现

&#13;
&#13;
blur
&#13;
.a:hover ~ .c {
  color: blue;
}
&#13;
&#13;
&#13;

这并没有真正添加和删除类,但它添加并删除了样式。

答案 1 :(得分:0)

 $(".a").hover(
   function () {
     $('.c').addClass("aishovered");
     $('.c').removeClass("anothovered");
   },
   function () {
     $('.c').addClass("anothovered");
     $('.c').removeClass("aishovered");
   }
);

检查下面的链接

http://jsfiddle.net/e27Dt/1836/