jQuery之事件绑定

<script type="text/javascript">
$(function(){
    $head = $("#panel h5.head");//选中
    $head.bind("click",function(){//如果点击，就会触发事件，将下面的内容显示出来
        $(this).next().show();
    })
})
</script>

<script type="text/javascript">
$(function(){
    $("#panel h5.head").bind("click",function(){
        var $content = $(this).next();
        if($content.is(":visible")){//如果可见，将其隐藏。如果隐藏，将其可见。
            $content.hide();
        }else{
            $content.show();
        }
    })
})
</script>

<script type="text/javascript">
$(function(){
    $("#panel h5.head").bind("mouseover",function(){
        $(this).next().show();//飘过显示
    });
      $("#panel h5.head").bind("mouseout",function(){
         $(this).next().hide();//飘离隐藏
    })
})
</script>

<script type="text/javascript">
$(function(){
    $("#panel h5.head").mouseover(function(){
        $(this).next().show();
    });
    $("#panel h5.head").mouseout(function(){
         $(this).next().hide();
    })
})
</script>

本文转自TBHacker博客园博客，原文链接：http://www.cnblogs.com/jiqing9006/archive/2012/09/10/2678478.html，如需转载请自行联系原作者