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






  1. JavaScript DHTML
  2. jQuery
  3. this

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>








Related examples in the same category

1.this pointer
2.Use this to reference document