jQuery text() 方法

定义和用法

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

当该方法用于返回内容时，则返回所有匹配元素的文本内容（会删除 HTML 标记）。

当该方法用于设置内容时，则重写所有匹配元素的内容。

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

语法

返回文本内容：

$(selector).text()

设置文本内容：

$(selector).text(content)

使用函数设置文本内容：

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

参数描述

参数	描述
content	必需。规定被选元素的新文本内容。注意：特殊字符会被编码。
function(index,currentcontent)	可选。规定返回被选元素的新文本内容的函数。 index - 返回集合中元素的 index 位置。 currentcontent - 返回被选元素的当前内容。

实例

下例演示了如何使用jQuery text()，html()和val()方法设置内容：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到菜鸟教程</title>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
       $("#btn1").click(function(){
          $("#test1").text("Hello world!");
       });
        $("#btn2").click(function(){
            $("#test2").html("<b>Hello world!</b>");
        });
        $("#btn3").click(function(){
            $("#test3").val("Dolly Duck");
        });
    });
</script>
</head>
<body>
    <p id="test1">这是一个段落。</p>
    <p id="test2">这是另外一个段落。</p>
    <p>输入框: <input type="text" id="test3" value="菜鸟教程"> </p>
    <button id="btn1">设置文本</button>
    <button id="btn2">设置HTML</button>
    <button id="btn3">设置值</button>
   
</body>
</html>

尝试一下

定义和用法

语法

参数描述

实例

相关页面