①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
world!");
});
③val()
文法
$(selector).val(value)
value 可選。規定被選元素的新内容。
用法一：傳回 Value 屬性
傳回第一個比對元素的 value 屬性的值。
$(selector).val()
用法二：設定 Value 屬性的值
$(selector).val(value)
例子如下：
$("button").click(function(){
$(":text").val("Hello World");
});