JQuery是一個(gè)十分強(qiáng)大且廣泛使用的JavaScript庫，但是有時(shí)候我們會(huì)遇到一些奇怪的問題，例如設(shè)置了頁面的值但是頁面卻沒有顯示，下面我們來進(jìn)行講解。

$(document).ready(function(){
// 獲取id為test的元素
var testVal = $('#test').val();
// 設(shè)置id為result的元素的值為testVal
$('#result').val(testVal);
});

代碼看似沒有問題，但是運(yùn)行后發(fā)現(xiàn)頁面并沒有顯示對(duì)應(yīng)的結(jié)果，原因是我們設(shè)置的元素是一個(gè)div或span等非表單元素，而不是input或textarea這樣的表單元素。

解決方法是使用.text()替代.val()，.text()可以將值設(shè)置到非表單元素中。

$(document).ready(function(){
// 獲取id為test的元素
var testVal = $('#test').text();
// 設(shè)置id為result的元素的值為testVal
$('#result').text(testVal);
});

這樣就能夠正常地顯示對(duì)應(yīng)的結(jié)果了，注意在使用jQuery設(shè)置非表單元素值時(shí)要注意使用.text()。