Add action to button with ID : Form Button « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. Form Button

Add action to button with ID

 

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                $("#hideHandler").click(function () {
                      $("span:first-child").hide("fast", function () {
                        $(this).prev().hide("show", arguments.callee); 
                      });
                });
                $("#showHandler").click(function () {
                      $("span").show(6000);
                });

        });
    </script>
  </head>
  <body>
    <body>
          <button id="hideHandler">Hide</button>
          <button id="showHandler">Show</button>
        
          <div>
            <span>A</span>
            <span>B</span> 
            <span>C</span> 
            <span>D</span> 
            <span>E</span> 
            <span>F</span> 
            <span>G</span> 
            <span>H</span>
          </div>
    </body>
</html>








Related examples in the same category

1.Bind click action to button
2.Get form button
3.Get disabled button
4.Disables buttons greater than the 1st button.
5.Can bind and unbind events to the button.
6.On click, replace the button with a div containing the same word.
7.Create a button that's able to clone itself - and have the clones themselves be clonable.
8.Use index to get the clicked button index