jquery text方法html,jQuery text() 方法

jQuery text() 方法

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("我想说: Hello world");

});

$("#btn2").click(function(){

$("p").text("我想说: Hello world");

});测试看看‹/›

参数值参数描述content设置为所有选定元素内容的文本字符串

注意：如果省略此参数，则text()将返回选定元素的内容

function(index, currentContent)指定一个函数，该函数返回要设置的文本内容

index-返回元素在集合中的索引位置

currentContent-返回所选元素的当前文本内容