Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Use jQuery object instead of the regular DOM element, use the $(this) function

< html>   <head>     <script type="text/javascript" src="js/jquery-1.3.2.js"></script>     <script type="text/javascript">         $(document).ready(function(){                 $("span").click(function () {                    $("li").each(function(){                       $(this).toggleClass("example");                    });                 });         });     </script> <style>  .example { font-style:italic; }    </style>       </head>   <body>     <body>        To do list: <span>(click here to change)</span>           <ul>             <li>A</li>             <li>B</li>             <li>C</li>           </ul>     </body> </html>