jQuery是一種簡單易用的JavaScript庫，它使得web開發更加便捷。而其中的一個常見需求就是將jQuery對象轉換成JSON格式，并在網頁上顯示。

通過jQuery的.each()方法，我們可以循環遍歷整個jQuery數組，然后使用JSON.stringify()方法將其轉換為JSON格式。

$('button').click(function(){
var obj = {}; //定義空對象用于存儲數據
$('input[name]').each(function(){ //循環遍歷每個input元素
obj[$(this).attr('name')] = $(this).val(); //將input的name與value值存入obj中
});
var json = JSON.stringify(obj); //將obj轉換為JSON格式
$('#result').html(json); //將json格式數據顯示在頁面上
});

在上述代碼中，我們首先定義了一個空對象obj，用于存儲數據。然后使用jQuery的.each()方法循環遍歷每個input元素，將其name和value值存儲在obj中。最后使用JSON.stringify()方法將obj轉換為JSON格式，并將結果顯示在頁面上。

此外，還可以使用jQuery的serializeArray()方法將表單中的所有數據轉換為JSON格式，示例代碼如下：

$('button').click(function(){
var obj = $('form').serializeArray();
var json = JSON.stringify(obj);
$('#result').html(json);
});

在這種方法中，我們直接使用jQuery的serializeArray()方法將表單數據轉換為一個數組，然后使用JSON.stringify()方法將數組轉換為JSON格式，并將結果顯示在頁面上。

總的來說，通過使用jQuery的each()方法或serializeArray()方法，我們可以輕松地將jQuery對象轉換為JSON格式，并在網頁上進行顯示。