jQuery — Set Content

Setting Text

$("p").text("New paragraph text");

Setting HTML

$("div").html("<strong>Bold</strong> content");

Setting Val

$("input").val("Hello World");
$("select").val("option2");

Setting Attributes

$("img").attr("src", "new-photo.jpg");
$("a").attr("href", "https://example.com");

Setting Multiple Attributes

$("img").attr({
    src: "new-photo.jpg",
    alt: "New photo",
    title: "Photo title"
});

Setting Properties

$("input:checkbox").prop("checked", true);
$("input:text").prop("disabled", false);

Setting CSS Inline

$("h1").css("color", "red");
$("h1").css({
    color: "red",
    "font-size": "24px",
    "background-color": "#f0f0f0"
});

Practical Form Example

// Set multiple form values
$("#name").val("John");
$("#email").val("john@example.com");
$("#country").val("USA");

Mini Practice

1. Set text on a paragraph
2. Set HTML with bold and links
3. Set multiple attributes at once
4. Set CSS styles inline

Up Next

Continue with Add Elements — inserting new content into the DOM.