使用jQuery的$.each方法在頁面內(nèi)輸出json數(shù)據(jù)十分方便。首先，我們需要在頁面中引入jQuery庫：

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

接下來，我們需要準(zhǔn)備一段json數(shù)據(jù)：

var data = {
"name": "小明",
"age": 18,
"hobbies": [
"游泳",
"籃球",
"旅行"
]
};

最后，我們使用$.each方法遍歷json數(shù)據(jù)，并將數(shù)據(jù)輸出到頁面中：

<script>
$(function() {
$.each(data, function(key, value) {
if (typeof value === 'object') {
$('body').append('<p>' + key + ': </p>');
$.each(value, function(index, val) {
$('body').append('<p>    ' + val + '</p>');
});
} else {
$('body').append('<p>' + key + ': ' + value + '</p>');
}
});
});
</script>

通過以上代碼，我們就可以將json數(shù)據(jù)輸出到頁面中，并按照一定的格式進(jìn)行排版。例如，json數(shù)據(jù)中的name、age會(huì)被直接輸出，而hobbies會(huì)被分別輸出到每一行。