We will use the same three methods from the previous page to set content:

  • text() - Sets or returns the text content of selected elements
  • html() - Sets or returns the content of selected elements (including HTML markup)
  • val() - Sets or returns the value of form fields

The following example demonstrates how to set content with the jQuery text(), html(), and val() methods:


    $("#test1").text("Hello world!");
    $("#test2").html("<b>Hello world!</b>");
    $("#test3").val("Dolly Duck");