jquery中$().hover(func1, funct2)的用法

jQuery #hover2012-06-14 21:34

我们知道，.hover(func1, func2) 的效果等效于： mouseenter(), mouseleave()。因为hover不是标准的事件，因此无法直接使用live进行处理，故使用以下方法代替，效果一样。

$("<span style="color: #0000ff;">table tr</span>").live({
   <span style="background-color: #99ccff;">mouseenter:</span>
   function()
   {
      <span style="color: #008000;">//http://yige.org todo</span>
   },
   <span style="background-color: #99ccff;">mouseleave:</span>
   function()
   {
      <span style="color: #008000;">//todo</span>
   }
});

在循环输出的<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>

jQuery 教程

jQuery 效果

jQuery HTML

jQuery 遍历

jQuery AJAX

jQuery 杂项

jQuery 实例

jQuery 参考手册

jQuery Mobile

jquery中$().hover(func1, funct2)的用法

相关文章