Home >Web Front-end >Front-end Q&A >jquery text modification
1. What is jQuery?
jQuery is a lightweight JavaScript class library. It has rich API functions, which can greatly reduce the amount of JavaScript code written, allowing us to focus more on actual needs.
2. The role of text() function
The text() function is used to get or set the text content of an element. When you use the text() function to get text content, it returns a string representing the text in the element. When text content is set using the text() function, it replaces the text content in that element with the specified text.
3. Use of text() function
Let’s take a look at how to use the text() function to get or set text content. In the following example, we create a p element with the text content "Hello World!":
<!DOCTYPE html> <html> <head> <title>text()函数的使用</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> </head> <body> <p id="demo">Hello World!</p> <script> // 获取p元素中的文本内容 var text1 = $('#demo').text(); console.log(text1); // 设置p元素中的文本内容 $('#demo').text('Hello jQuery!'); </script> </body> </html>
First, we use the $() function to select the p element in the page, and use text( ) function to get its text content and store it in a variable called text1. Then, we use the console.log() function to output the value of text1 on the console, and the result is "Hello World!".
Next, we use the text() function to set the text content in the p element to "Hello jQuery!". This will replace the original text content. After refreshing the page, we can see that the text in the p element has been modified to "Hello jQuery!".
4. Summary
The text() function is a very useful jQuery function, which can help us get or set the text content of the element. We can use it to get text content, and we can also use it to replace text content. Although this is just a simple example of the text() function, it can give us a basic understanding and help us better understand how to use jQuery.
The above is the detailed content of jquery text modification. For more information, please follow other related articles on the PHP Chinese website!