TUTORIAL前端与浏览器FETCHED

jQuery text() 方法

jQuery text() 方法 jQuery HTML/CSS 方法 实例 设置所有 <p> 元素的文本内容: [mycode3 type='js'] $('button').click(function(){ $('p').text('Hello world!'); }); [/mycode3] 尝试一下 » ..

更新于 2026/7/16

教程详情页默认 noindex。

jQuery text() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

实例

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

$("button").click(function(){ $("p").text("Hello world!"); });

尝试一下 »

定义和用法

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

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

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

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


语法

返回文本内容:

$(selector).text()

设置文本内容:

$(selector).text(content)

使用函数设置文本内容:

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

参数 描述
content 必需。规定被选元素的新文本内容。

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


实例

更多实例

返回文本内容
如何返回被选元素的文本内容。

使用函数设置文本内容
使用函数设置被选元素的文本内容。


jQuery HTML/CSS 方法 jQuery HTML/CSS 方法