JavaScript Tutorial/jQuery/dblclick

Материал из Web эксперт
Перейти к: навигация, поиск

To bind a "Hello World!" alert box the dblclick event on every paragraph on the page:

   <source lang="javascript">

<html>

 <head>
   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
               var divdbl = $("div");
               divdbl.dblclick(function () { 
                 divdbl.toggleClass("dbl"); 
               });
       });
   </script>

<style>

 div.dbl { background:yellow;color:black; }
 

</style>

 </head>
 <body>
   <body>
asdf
Double click the block
   </body>

</html></source>