摩托常识 摩旅大全 摩托百科 摩托问答 摩托知识 摩托世界 摩托天下 摩托大观 闲话摩托 摩托入门 摩托老炮 摩托商业 摩托极客 摩托教授 阿山聊摩托 最懂摩托 郑杰说摩托 郝哥说摩托 摩托细谈 摩托派 你好摩托摩托最高点 摩托达人 摩托排量 摩托车行 重庆摩托 关于摩托车的电影
返回首页
主页 > 摩托综合 > 摩托最高点

jquery设置透明度的问题

来源：www.mybv.cn   时间：2022-06-01 10:15   点击：156  编辑：严莉   手机版

你的代码里，用了两个this，但是这两个this所代表的对象是不同的。
　　第一个this，是在class为.hide_this的HTML控件的click事件方法里，代表的是$(hide_this)所筛选到的HTML控件对象；
　　而另一个this是在$(this).parents('.m_box')的animate方法的回调函数里，这个this代表的则是$(this).parents('.m_box')所筛选到的HTML控件对象，你再在animate的回调函数里用.$(this).parents('.m_box')去筛选其父层的class为.m_box的控件，即便找到了，也不是现在这个已经变透明的控件。
　　按照你的现在的实现逻辑，你的代码修改成下面这个样子就可以了：
$('.hide_this').click(function(){
     var source = this;
     $(source).parents('.m_box').animate({opacity:'0.3'},2000, function(){
      $(source).parents('.m_box').animate({opacity:'1'},2000)
  })　　另外可以更简单一些来处理：
$('.hide_this').click(function(){ 
     $(this).parents('.m_box').animate({opacity:'0.3'},2000, function(){
      $(this).animate({opacity:'1'},2000)
  })　　对于this关键字，在什么时候，什么地方会代表什么对象，你自己应该尽量多熟悉一下。


　　下面是我自己测试的代码：
<html>
  <head>
     <script type=text/javascript src=></script>

    <script language=javascript>
      $(document).ready(function(){
        $(#opCmd).click(function(){
          $(this).parent(div).animate({opacity:'0.3'},2000,function(){
            $(this).animate({opacity:'1'},2000)
          });
        });
      });
    </script>
  </head>
  <body > 
    <div id=div1 style=width:200px;height:300px;background-color:red>
      <button id=opCmd>设置透明</button>
    </div>
  </body>
</html>

顶一下
(0)
0%
踩一下
(0)
0%
上一篇：要什么零件才能做一辆摩托车？
下一篇：b-box最重要的是？？
热门图文

Powered by 摩比网 2009-2022摩托车之家

Copyright © 摩比网，一个专业介绍摩托车的网站

滇ICP备2021006107号-192

本网站文章仅供交流学习,不作为商用，版权归属原作者，部分文章推送时未能及时与原作者取得联系，若来源标注错误或侵犯到您的权益烦请告知，我们将立即删除。