在每个div JQuery上绑定click函数

前端之家收集整理的这篇文章主要介绍了在每个div JQuery上绑定click函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在这个有序列表的每个div上绑定click函数,以便在每个imgXX div上隐藏/显示一个图像,我是 JQuery的新手
<ol id='selectable'>
 <li class="ui-state-default">
   <div id="img01" class="img">
      <div id="star01" class="star">
          <img src="../ima/star.png" height="30px"/>
      </div>
   </div>
 </li>
 <li class="ui-state-default">
   <div id="img02" class="img">
      <div id="star02" class="star">
          <img src="../ima/star.png" height="30px"/>
      </div>
   </div>
 </li>
</ol>

JQuery的

$('div').each(function(){
   $(this).click(function(){
          if($(this).find('img').is(':visible').length){
                    $(this).find('img').fadeOut(700);
          }
          else{
                    $(this).find('img').fadeIn(700);
              }
   });
});

解决方法

is方法返回一个布尔值.使用:
if($(this).find('img').is(':visible'))

要么:

if($(this).find('img:visible').length)
原文链接:https://www.f2er.com/css/214911.html

猜你在找的CSS相关文章