在jQuery中可以使用text()方法向元素添加文本内容；text()方法设置或返回被选元素的文本内容。下面本篇文章就来给大家介绍一下text()方法，希望对大家有所帮助。
text()方法设置内容时，会
来源gaodai.ma#com搞##代!^码网
覆盖所有匹配元素的内容；返回的内容用于返回所有匹配元素的文本内容。
语法：
● 返回文本：
$(selector).text()
● 设置文本：
$(selector).text(content)
● 使用函数设置文本：
$(selector).text(function(index, currentcontent))
参数值：
1、content：用于设置元素的新文本内容。
2、Function(index, currentcontent)：用于指定将返回所选元素的新文本内容的函数。
● index：返回元素的索引位置。
● currentcontent：返回元素的当前内容。
示例1：向元素添加文本内容
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
</head>
<body style="text-align: center;">
<h3>单击，向元素添加文本内容</h3>
<button onclick="function()">点击这里</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").text("Jquery_text_method");
});
});
</script>
<p>Hello</p>
<p>Jquery</p>
</body>
</html>
示例2：返回文本
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
</head>
<body style="text-align: center;">
<h3>单击，返回文本</h3>
<button onclick="function()">点击这里</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
alert($("p").text());
});
});
</script>
<p>Hello</p>
<p>Jquery</p>
</body>
</html>
在点击按钮之前：
点击按钮后：
示例3：使用函数设置文本
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
</head>
<body style="text-align: center;">
<h3>使用函数设置文本</h3>
<button onclick="function()">点击这里</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").text(function(n) {
return "元素索引号： " + n;
});
});
});
</script>
<p>Hello</p>
<p>Jquery</p>
</body>
</html>
以上就是jQuery如何向元素添加文本内容？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jQuery如何向元素添加文本内容？
转载请注明原文链接：jQuery如何向元素添加文本内容？
