Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

To set the height of each div on click to 30px plus a color change

< html>   <head>     <script type="text/javascript" src="js/jquery-1.3.2.js"></script>     <script type="text/javascript">         $(document).ready(function(){                                              $("div").one('click', function () {                       $(this).height(30)                              .css({cursor:"auto", backgroundColor:"green"});                     });                         });     </script> <style>   div { width:50px; height:70px; float:left; margin:5px;         background:rgb(255,140,0); cursor:pointer; }    </style>   </head>   <body>     <body>           <div></div>                       </body> </html>