Question

这是我的jQuery代码......

<script>
  $(document).ready(function(){
    $("gallery", Image).hover(function(){
      $(this).stop().animate({ opacity: 1.0 }, 800);
    });
  });
</script>

我的HTML ...

<table class="gallery">
  <tr>
    <td>                
      <img src="photo.jpg">
    </td>
  </tr>
</table>

我的CSS ......

.gallery img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

我希望-any-图像我在表“gallery”中将执行鼠标悬停时的不透明度更改为1.0。我确定我的语法错了。我可以做我想做的事吗？我不想为每个图像指定类。

Answer 1

您需要在开头指定一个.的类，然后在引号中的任何内容都将是子元素：

$(".gallery img").hover(function(){

Answer 2

你可以用javascript做到这一点，但用css做起来要容易得多。只需添加：

.gallery img {
     opacity:0.5;
     transition: all 0.25s ease;
}

.gallery img:hover {
    opacity:1;
}

Answer 3

更改此行：

$("gallery", Image).hover(function(){

到此：

$(".gallery img").hover(function(){

Answer 4

SHOW DEMO

的jQuery

$(document).on({

    mouseenter: function () {

        $(".gallery img").stop().animate({ opacity: 1.0 }, 800);  

    },
    mouseleave: function () {

        $(".gallery img").stop().animate({ opacity: 0.5 }, 800);  
    }
}, "#gal");

HTML

<table id="gal" class="gallery">
    <tr>
       <td>                
          <img src="img">
      </td>
   </tr>
</table>

CSS

.gallery img {

    opacity: 0.5;
}

如何在TD中选择IMAGE？

4 个答案: