jQuery text() 方法

实例

为所有 <p> 元素设置文本内容:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").text("Hello world!");
  });
});
</script>
</head>
<body>
<button>设置所有 p 元素的文本内容</button>
<p>这是一个段落</p>
<p>这是另外一个段落</p>
</body>
</html>

运行一下

定义与用法

text() 方法设置或返回选定元素的文本内容。

当使用此方法返回内容时，它将返回所有匹配元素的文本内容（HTML 标记将被删除）。

使用此方法设置内容时，会覆盖所有匹配元素的内容。

提示：要设置或返回所选元素的 innerHTML（文本 + HTML 标记），请使用 html() 方法。

语法

返回文本内容:

$(selector).text()

设置文本内容:

$(selector).text(content)

使用函数设置文本内容:

$(selector).text(function(index,currentcontent))

参数	描述
content	必填。指定选定元素的新文本内容注意: 特殊字符将被编码
function(index,currentcontent)	可选。指定一个函数，用于返回选定元素的新文本内容 index - 返回元素在集合中的索引位置 currentcontent - 返回选定元素的当前内容

jQuery text() 方法

实例

定义与用法

语法

更多实例

分类导航