Hover to hide tag : hover « jQuery « JavaScript Tutorial






  1. JavaScript Tutorial
  2. jQuery
  3. hover
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
    
        $(document).ready(function(){
              $("div").hover(
                  function () {
                    $(this).append($("<span> ***</span>"));
                  }, 
                  function () {
                    $(this).find("span:last").remove();
                  }
             );




        });
    </script>


  </head>
  <body>
    <body>
       <div><h1>header 1</h1></div>
    </body>
</html>








30.50.hover
30.50.1.Hover action
30.50.2.Hover to add and remove class
30.50.3.Hover to hide tag
30.50.4.Hover to fade in and out
30.50.5.Tag hover function
30.50.6.hover(over, out): Whenever mouse cursor is moved over a matched element, the first specified function is fired.