在jQuery的版本1.4以后，給頁(yè)面元素設(shè)置值變得更加簡(jiǎn)單了。我們可以使用val() 方法來(lái)設(shè)置input、select以及textarea的值，而對(duì)于其他頁(yè)面元素，我們可以使用text() 方法或者h(yuǎn)tml() 方法來(lái)進(jìn)行設(shè)置。

對(duì)于input、select以及textarea元素，我們可以像下面這樣使用val() 方法給它們?cè)O(shè)置值：

$("#inputId").val("這是輸入框里的值");
$("#selectId").val("2");
$("#textareaId").val("這是文本框里的值");

對(duì)于其他元素，我們可以使用text() 方法或者h(yuǎn)tml() 方法來(lái)進(jìn)行設(shè)置。使用text() 方法可以設(shè)置文本內(nèi)容，而使用html() 方法則可以設(shè)置HTML內(nèi)容。

$("#divId").text("這是div里的文本內(nèi)容");
$("#spanId").html("這是粗體的span里的HTML內(nèi)容");

在以上例子中，我們分別使用val()、text()以及html()方法，通過(guò)選擇頁(yè)面元素的ID來(lái)設(shè)置它們的值或者內(nèi)容。為了避免重復(fù)代碼，我們可以把選擇器的部分單獨(dú)提取出來(lái)，變成一個(gè)變量，這樣我們就可以在多個(gè)地方使用它了，例如：

var $input = $("#inputId");
$input.val("這是輸入框里的值");
var $textarea = $("#textareaId");
$textarea.val("這是文本框里的值");

這里我們把選擇input和textarea的選擇器都提取出來(lái)了，放到了一個(gè)變量里，這樣我們就不用在每個(gè)設(shè)置值的地方都寫(xiě)一遍選擇器了，只需要通過(guò)變量的方式使用它們即可。