Jquery 通过两个id'；有疑问吗

我正在尝试创建一行内部带有隐藏图像的div，当鼠标移到middot上时，图像将淡出，然后当鼠标离开该div时，图像将淡出。我知道我需要对jquery中的.hover函数进行一些操作

比如说

<div id='1_1'>
 &midddot;
 <img src='image1_1.jpg' style='display:none'>
</div>
<div id='1_2'>
 &midddot;
 <img src='image1_2.jpg' style='display:none'>
</div>
<div id='1_3>
 &midddot;
 <img src='image1_3.jpg' style='display:none'>
</div>

&中间点；
&中间点；
使用
mouseenter（）
和
mouseleave（）
以及您的
fadeOut（）
和
fadeIn（）
可以获得类似于将类添加到div的效果，以使它们更容易在jQuery中选择

<div id='1_1' class='fade'>
   &midddot;
   <img src='image1_1.jpg' style='display:none'>
</div>
<div id='1_2' class='fade'>
   &midddot;
   <img src='image1_2.jpg' style='display:none'>
</div>
...


&中间点；
&中间点；
...

然后使用悬停功能：

 <script type="text/javascript">
    $(document).ready(function() {
       $("li.fade").hover(function(){  
           $("img", this).fadeIn();
           $("img", this).fadeOut();
       });
    });
  </script>


$（文档）.ready（函数（）{
$（.li.fade”）.hover（函数（）{
$（“img”，this.fadeIn（）；
$（“img”，this）.fadeOut（）；
});
});