text()方法获取或设置所选元素(包括其后代)的文本内容。
当使用text()方法获取内容时,它将返回所有选定元素的文本内容。
当使用text()方法设置内容时,它将覆盖所有选定元素的文本内容。
使用html()方法获取或设置所选元素的innerHTML(文本+ HTML标记)。
注意: text()方法不能在输入元素上使用。对于输入字段文本,请使用val()方法。
获取文字内容:
$(selector).text()
设置文字内容:
$(selector).text(content)
使用功能设置文本内容:
$(selector).text(function(index, currentContent))
单击按钮,获取所有段落的文本内容:
$("button").click(function(){ alert($("p").text()); });测试看看‹/›
更改所有段落的文本内容:
$("button").click(function(){ $("p").text("I would like to say: Hello world"); });测试看看‹/›
使用以下函数更改元素的文本内容:
$("button").click(function(){ $("p").text(function(i){ return "这个p元素的索引: " + i; }); });测试看看‹/›
html()方法和text()方法之间的区别:
$("#btn1").click(function(){ $("p").html("我想说: <b>Hello world</b>"); }); $("#btn2").click(function(){ $("p").text("我想说: <b>Hello world</b>"); });测试看看‹/›
参数 | 描述 |
---|---|
content | 设置为所有选定元素内容的文本字符串 注意:如果省略此参数,则text()将返回选定元素的内容 |
function(index, currentContent) | 指定一个函数,该函数返回要设置的文本内容
|