jquery只适用于不透明的元素如果元素不是一个特定的类

Question

我试图建立一些图形，用0.5不透明度初始化它们，当它悬停或点击时，不透明度变为1.（它是文章选择元素的一部分页面的排序 - 类似的标签，但不是标签） 我可以做悬停在一点点，但添加代码来处理被点击的部分是我认为当鼠标离开元素时被悬停事件缠绕。 如果我添加一个类到已被点击的元素来说“选择”是否有办法，我可以应用悬停元素，只有当不是class =“selected”时。

这是我的拼图代码！

$(document).ready(function() { 

     $('.pic').stop().animate({ opacity: 0.5 }, 250); 

     $('.pic').each(function() { 
      $(this).hover(function() { 
       $(this).stop().animate({ opacity: 1.0 }, 250); 
      }, 
      function() { 
       $(this).stop().animate({ opacity: 0.5 }, 250); 
      }); 

      $(this).click(function() { 
       alert('Clicked'); 
       $('.pic').stop().animate({ opacity: 0.5 }, 250); 
       $(this).stop().animate({ opacity: 1.0 }, 250); 
      }); 

     }); 
    }); 

有没有更好的方法可以做到这一点？

我试过CSS，并使用Jquery来改变CSS类，但不能完全得到它的工作，所以回到这一点。

谢谢

Answer 1

检查，如果有问题hasClass()元素做一些事情，如果它不...

例子：

if(!$(this).hasClass('selected')){ 
    // do stuff 
}