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>

 

　　

 

 

posted @ 2012-06-13 18:50  oaijuru  阅读(529)  评论(0)  编辑  收藏  举报