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

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

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

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

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

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