zoukankan      html  css  js  c++  java
  • 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>

      

     

  • 相关阅读:
    TOMCAT热部署 catalina.home catalina.base
    spring boot test MockBean
    源码分析ConcurrentHashMap
    源码分析Thread
    源码分析String
    jvm 占用高的问题定位
    docker 资源限制
    数据库设计方案与优化
    linux搜索查找类命令|--grep指令
    linux搜索查找类命令|--locate命令
  • 原文地址:https://www.cnblogs.com/zjfazc/p/2548353.html
Copyright © 2011-2022 走看看