无涯教程-jQuery - text( val )方法函数
发布人：shili8
发布时间：2025-02-26 00:36
阅读次数：0
**jQuery 文档**
**jQuery 文本操作**
在 jQuery 中，`text()` 和 `val()` 方法用于设置或获取元素的文本内容。虽然这两个方法看起来很相似，但它们有不同的用途。
### text() 方法`text()` 方法用于设置或获取一个元素的文本内容。它会覆盖元素中的所有子元素，并只保留文本内容。
####语法
javascript.text(content)
* `content`:要设置的文本内容，可以是字符串、HTML 元素或 jQuery 对象。
#### 示例代码
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src=" /></head>
<body>
<p id="test">Hello World!</p>
<button id="btn">点击我</button>
<script>
// 获取元素 var $test = $("#test");
var $btn = $("#btn");
// 设置文本内容 $test.text("Hello, jQuery!");
// 获取文本内容 console.log($test.text());
// 点击按钮时，设置文本内容 $btn.click(function() {
$test.text("点击了我！");
});
</script>
</body>
</html>
### val() 方法`val()` 方法用于设置或获取表单元素（如 input、textarea 和 select）的值。
####语法
javascript.val(content)
* `content`:要设置的值，可以是字符串、数字或布尔值。
#### 示例代码
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src=" /></head>
<body>
<input id="username" type="text">
<button id="btn">点击我</button>
<script>
// 获取元素 var $username = $("#username");
var $btn = $("#btn");
// 设置值 $username.val("JohnDoe");
// 获取值 console.log($username.val());
// 点击按钮时，设置值 $btn.click(function() {
$username.val("点击了我！");
});
</script>
</body>
</html>
### 总结`text()` 和 `val()` 方法都是用于设置或获取元素的文本内容，但它们有不同的用途。`text()` 方法用于设置或获取一个元素的文本内容，而 `val()` 方法用于设置或获取表单元素（如 input、textarea 和 select）的值。
在实际开发中，需要根据具体需求选择合适的方法来操作元素的文本内容和值。
粤公网安备 44011102002787号