bind() 方法為被選元素添加一個或多個事件處理程序，并規定事件發生時運行的函數。

下面是具體的用法：

<script type="text/javascript"> $(function(){$head = $("#panel h5.head");//選中$head.bind("click",function(){//如果點擊，就會觸發事件，將下面的內容顯示出來$(this).next().show();}) }) </script>

is(":hidden")可以判斷對象是否隱藏。

is(":visible")可以判斷對象是否可見。

<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>

mouseover鼠標飄過。

<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>

總結

以上是生活随笔為你收集整理的jQuery之事件绑定的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。