Scribd
Upload
23 views1 page

Set Content - Text, HTML, and Val

The document discusses three jQuery methods - text(), html(), and val() - that can be used to set or return content in selected elements. The text() method sets or returns just text content, html() handles HTML markup as well, and val() manages the values of form fields. An example is provided demonstrating how clicking buttons uses each method to set the content of different elements.

Uploaded by

Alex Mociran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
23 views1 page

Set Content - Text, HTML, and Val

The document discusses three jQuery methods - text(), html(), and val() - that can be used to set or return content in selected elements. The text() method sets or returns just text content, html() handles HTML markup as well, and val() manages the values of form fields. An example is provided demonstrating how clicking buttons uses each method to set the content of different elements.

Uploaded by

Alex Mociran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

Set Content - text(), html(), and val()

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:
ex

$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});

You might also like