JQuery是一個非常實用的JavaScript庫，可用于構建交互性強、功能強大的前端界面。使用JQuery可以避免手動編寫大量的JavaScript代碼，從而提高開發效率。本文將介紹如何使用JQuery展示時間，使網頁界面更加豐富。

$(document).ready(function(){
$("#time").click(function(){
var now = new Date();
var timeText = now.getFullYear() + "年" + (now.getMonth()+1) + "月" 
+ now.getDate() + "日 " + now.getHours() 
+ ":" + now.getMinutes() + ":" + now.getSeconds();
$("#timeText").text(timeText);
});
});

上述代碼演示了如何使用JQuery獲取系統當前時間，并將其展示在網頁上。

說明：

1、通過document.ready()函數確保頁面元素加載完成后再執行JavaScript代碼。這樣可以避免在頁面未加載完成時調用頁面元素而出現錯誤。

2、在html代碼中添加了一個id為“time”的按鈕，代碼中通過$("#time")獲取該按鈕對象并為其添加了“click”事件。

3、通過new Date()獲取系統當前時間，并通過字符串拼接的方式將時間信息展示在timeText中。最后將timeText替換為id為“timeText”的文本域的值，從而實現網頁上時間的動態展示。

使用JQuery展示時間是非常簡單的，只需幾行代碼即可。開發人員可根據需要對代碼進行優化和修改，實現更加豐富的功能。