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>

      

     

  • 相关阅读:
    从头到尾彻底理解KMP
    [CF1220E] Tourism
    [CF446C] DZY Loves Fibonacci Numbers
    [CF1003E] Tree Constructing
    [CF1238E] Keyboard Purchase
    [CF915E] Physical Education Lessons
    [CF788B] Weird journey
    [CF1371E2] Asterism (Hard Version)
    [CF780E] Underground Lab
    [CF372C] Watching Fireworks is Fun
  • 原文地址:https://www.cnblogs.com/zjfazc/p/2548353.html
Copyright © 2011-2022 走看看