①text()
语法
$(selector).text(function(index,oldcontent))
参数 描述
function(index,oldcontent)
必需。规定返回被选元素的新文本内容的函数。
index - 可选。接受选择器的 index 位置。
html - 可选。接受选择器的当前内容。
用法一：返回文本内容 $(selector).text()
用法二：设置文本内容 $(selector).text(content)
例子如下：
$(document).ready(function(){
$("button").click(function(){
$("p").text(function(n){
return "这个 p 元素的 index 是：" + n;
});
});
});
②html()
语法
$(selector).html(function(index,oldcontent))
用法一：返回元素内容
当使用该方法返回一个值时，它会返回第一个匹配元素的内容。
$(selector).html()
用法二：设置元素内容
当使用该方法设置一个值时，它会覆盖所有匹配元素的内容。
$(selector).html(content)
例子如下：
$(".btn1").click(function(){
$("p").html("Hello <b>world</b>!");
});
③val()
语法
$(selector).val(value)
value 可选。规定被选元素的新内容。
用法一：返回 Value 属性
返回第一个匹配元素的 value 属性的值。
$(selector).val()
用法二：设置 Value 属性的值
$(selector).val(value)
例子如下：
$("button").click(function(){
$(":text").val("Hello World");
});