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

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

接下來，我們需要準備一段json數據：

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

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

<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數據輸出到頁面中，并按照一定的格式進行排版。例如，json數據中的name、age會被直接輸出，而hobbies會被分別輸出到每一行。