“我的jQuery”；陈列柜不透明度问题：）

我有一堆照片，我正在寻找使用jQuery在同一位置显示它们的最佳方式

你觉得我的想法如何？它有效吗？或者除了把所有的图像放在一起玩不透明游戏之外，还有其他的方法吗

无论如何，我不知道为什么这个代码：

jQuery（'#演示img .itemClass）。设置动画（{opacity:1}）

什么也看不出来。有帮手吗

---

我很确定类名不能以数字开头，但即便如此，如果你的图像有某个类，你必须使用

img.+itemClass

而不是

img.+itemClass

；在img选择器和类之间放置一个空格

---

除此之外，您还必须删除/淡出您不想显示的图像，否则一个图像可以显示在您不想显示的图像后面。

好的，这就是我为使其工作所做的：

• 删除此处的空格：

  jQuery（'#demo img.'+itemClass）

  to

  jQuery（'#demo img.'+itemClass）

• 我还建议您在显示所需图像之前隐藏图像（如果您选择了一个图像，比如说#3，然后再次选择第一个图像，它将不会显示，因为第三个图像已经覆盖了它）
纠正一些问题
更新：

• .attr（'class'）

  -这是错误的，没有属性类，它是

  .attr（'className'）

• 您需要将其他不透明度切换为0，否则将显示堆栈顶部的值
• 如果你想让它看起来正确，你需要仔细挑选哪些图片要淡入淡出，或者在淡入之前淡出，如演示中所示
• 另外，您需要关闭

  img

  和类之间的空格，否则它会将类作为图像的后代而不是图像的一部分进行查找：

  $（'img.class'）

您在img和itemClass之间有打字错误（没有空格）。 应该是这样的：

jQuery('#navi a').click(function(){
  var itemClass = jQuery(this).attr('class');
  $('#demo img').animate({opacity:0});
  jQuery('#demo img.'+itemClass).animate({opacity: 1});
  //alert(itemClass);
});

---

我认为jQuery不是一个对象（它不应该是

$（“#demo img.”…）

？）没有必要将jQuery更改为$；无论哪种方式，代码都很好。我不知道，我习惯于看到

$

。此外，代码更小；因此，加载速度更快。@JC0C611:可能由于另一个库，OP无法使用$调用jQuery函数。此外，问题并不涉及提高代码的性能。此外，第一个要点意味着必须进行更改才能使其正常工作，但事实并非如此。