html(val) sets html contents of every matched element : html « jQuery « JavaScript DHTML






html(val) sets html contents of every matched element

 


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            $("p").click(function () {
              var htmlStr = $(this).html("<span class='red'>Hello <b>Again</b></span>");
              
            });
    

        });
    </script>
    <style>
      .selected { color:red; }
      .highlight { background:yellow; }
    </style>    
  </head>
  <body>
    <body>
      <p class="selected highlight">Hello</p>

    </body>
</html>

   
  








Related examples in the same category

1.Assign HTML to
2.Get HTML code
3.Get HTML string and assign to text node
4.Hides all the input elements within a form
5.Hide show paragraph
6.Hide slow
7.Hide tag slowly
8.Set constructed value
9.html() get html contents (innerHTML) of matched element