jquery - 如何改组在 jquery 中添加的类的不透明度

Question

我在 jquery 中使用 jquery 向我的图像添加了类

$('.myimage img').addClass('img_opacity').css({"position":"absolute","z-index":"999","opacity":"0"})

现在我想img_opacity用 jquery variable 将类的不透明度从“0”和“1”洗牌myvar。此 jquery 变量的值为opa1 and opa2. 如何在上面的 jquery 脚本中使用 if else 来调整不透明度。

Answer 1

不确定我是否理解您的问题，但也许这符合您的需求：

var opa1 = 0, opa2 = 1;
$('.img_opacity').each(function(){
    var myvar = $(this).is(':hidden')?opa2:opa1;
    $(this).css({opacity:myvar});
});

Answer 2

如果你想在点击时改变不透明度，这可能是答案http://jsfiddle.net/vleran/ErajA/

HTML

<a href="#">Shuffle!</a>

<div class="myimage">
  <img class="is-visible" src="http://www.osa-opn.org/opn/media/Images/ImageOfTheWeek/12-10-22.jpg?width=1024&height=1024&ext=.jpg" alt="NASSA"/>
</div>

jQuery

$('a').click( function(e) {

e.preventDefault();
  if($('img').hasClass('is-visible')) {
    $('img').animate({opacity: 0}, 500).addClass('is-hidden').removeClass('is-visible');
  } else {
    $('img').animate({opacity: 1}, 500).addClass('is-visible').removeClass('is-hidden');
  }
});