Some jQuery methods allow you to assign or read a value from a selection. text(), html(), attr(), and val() are a few examples.
When these methods are called with no arguments, they are referred to as getters since they get (or read) the element's value. When these methods are used with a value as an argument, they are known as setters because they set (or assign) that value.
jQuery text() Method
The jQuery text() function is used to either retrieve or set the combined text contents of the chosen components, including their descendants.
Set Contents with text() Method
The following example demonstrates how to change the wording of a paragraph:
jQuery html() Method
The html() function of jQuery is used to obtain or set the HTML contents of elements.
Set HTML Contents with html() Method
The following example demonstrates how to modify the HTML content of the
jQuery attr() Method
The jQuery attr() function may be used to retrieve the value of an element's attribute or to set one or more attributes for the specified element.
Set Attributes with attr() Method
You may also use the attr() function to set many attributes at once. The example below demonstrates how to set the class and title attributes for the
jQuery val() Method
The val() function of jQuery is mostly used to acquire or set the current value of HTML form elements such as
Set the Values of Form Fields with val() Method
The following example demonstrates how to set the values of form controls: