JQuery-Set content and property settings Content-text (), HTML (), and Val (), Set properties-attr ()

JQuery-Set content and property settings Content-text (), HTML (), and Val ()

• Text ()-Sets or returns the text content of the selected element
• HTML ()-Sets or returns the contents of the selected element (including HTML tags)
• Val ()-Sets or returns the value of a form field

The following example shows how to set the content by using the text (), HTML (), and Val () methods:

Instance

$ ("#btn1"). Click (function () {  $ ("#test1"). Text ("Hello world!");}); $ ("#btn2"). Click (function () {  $ ("#test2"). HTML ("<b>hello world!</b>");}); $ ("#btn3"). Click (function () {  $ ("#test3"). Val ("Dolly Duck");});


The JQuery attr () method is also used to set/change property values.

The attr () method also allows you to set multiple properties at the same time.

The following example shows how to set the href and title properties at the same time:

Instance

$ ("button"). Click (function () {  $ ("#w3s"). attr ({    "href": "Http://www.w3school.com.cn/jquery",    "title" : "W3school jQuery Tutorial"  });

JQuery-Set content and property settings Content-text (), HTML (), and Val (), Set properties-attr ()