• jquery 之 $().hover(func1, funct2);


    .hover(func1, func2) 的效果等效于: mouseenter(), mouseleave()。

    因为hover不是标准的事件,因此无法直接使用live进行处理,故使用以下方法代替,效果一样。

    $("table tr").live({
       mouseenter:
       function()
       {
          //todo
       },
       mouseleave:
       function()
       {
          //todo
       }
    });
    

     

    在循环输出的<div>中,只针对某个<div>下的内容进行处理的时:可以使用$(this).find()来实现:

    <body>
    <div class="water">
            <div class="action" style="display:none">
                <a href="#"><div class="left">{lang user/repick}</div></a>
                <a href="#"><div class="right">{lang user/reply}</div></a>
            </div>
    </div>
    <div class="water">
            <div class="action" style="display:none">
                <a href="#"><div class="left">{lang user/repick}</div></a>
                <a href="#"><div class="right">{lang user/reply}</div></a>
            </div>
    </div>
    <div class="water">
            <div class="action" style="display:none">
                <a href="#"><div class="left">{lang user/repick}</div></a>
                <a href="#"><div class="right">{lang user/reply}</div></a>
            </div>
    </div>
    <div class="water">
            <div class="action" style="display:none">
                <a href="#"><div class="left">{lang user/repick}</div></a>
                <a href="#"><div class="right">{lang user/reply}</div></a>
            </div>
    </div>
    
    <script type="text/javascript">
    $(".water").hover(
        function (){
            $(this).find(".action").show();
        },
        function (){
            $(this).find(".action").hide();
        }
    )
    </script>
    </body>

      

     

  • 相关阅读:
    stone brook Introduction to Mathematical Statistics
    mongodb python
    CodesBay
    人机交互的本质是画图
    Latex模版–Review and Response Letters
    mongo with python
    OpenStack架构学习与解析
    Python类方法
    python装饰器
    java.sql.SQLException: Io 异常: Connection reset by peer: socket write error
  • 原文地址:https://www.cnblogs.com/zjfazc/p/2548353.html
Copyright © 2020-2023  润新知