JQuery implementation code for getting and setting the content or text of HTML elements_jquery

Let’s take a look at the demonstration first:

Welcome to Script House PHP Tutorial

• Script House PHP Tutorial
• Easy to understand JavaScript magic
• Easy-to-understand JQuery magic

html() method

This method is similar to the innerHTML attribute in JavaScript and can be used to read or set the HTML content in a certain element. To get the content of an element, you can do this:

If you need to set the HTML code of a certain element, you can also use this method, but you need to pass a parameter to it. For example, to set the HTML code of the p element, you can use the following code:

Note: The html() method can be used for XHTML documents, but not for XML documents.

text() method

This method is similar to the innerText attribute in JavaScript and can be used to read or set the text content in an element. Continue to use the above HTML code and use the text() method to operate on the p element:

Same as the html() method, if you need to set text content for an element, you also need to pass a parameter. For example, to set the text content of the p element, the code is as follows:

Please note the following two points:

1. The innerText attribute in JavaScript cannot run under the Firefox browser, but jQuery's text() method supports all browsers.

2. The text() method is valid for both HTML documents and XML documents.