Question

我希望隐藏并在鼠标悬停时显示<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

因为您不会在隐藏的页面上发生鼠标悬停事件。

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>

jquery：如何隐藏和显示

2 个答案: