Question

我想在鼠标上隐藏并显示 lt; p> 标签, 但是我的代码只能隐藏 p 标签, 不再显示, 为什么?

<html>
  <head>
<script type="text/javascript" src="jquery.js"></script>
<script>
  $(function(){
    $("#mouse").mouseover(function(){
      if($(this).is( :hidden )){
        $(this).show("normal");
      }
      else{
       $(this).hide("slow"); 
      }
    });
  });
</script>
  </head>
  <body bgcolor="white">
   <p id="mouse">
     test
   </p>
 </body>
</html>

Answer 1

因为隐藏 p 上将不会出现鼠标过错事件。

Answer 2

当元素被隐藏时, 您无法使用它的任何事件。如果您不隐藏“ p ”, 最好只隐藏“ p ” 中的元素。

示例

<script>
$(document).ready(function() {
  $(".hidden").hover(function () {
     $(".hidden span").toggle();
  });
});
</script>

<p class= hidden >please hover<span> Hide this text </span></p>

友情链接