JQuery是一個非常流行且易于使用的JavaScript庫，它可以幫助我們簡化JavaScript編程中的許多復雜任務。其中之一是用JQuery實現頁面中的關燈效果，使其更加讓人舒適和易讀。

我們在這里使用JQuery的兩個核心方法來實現此功能。第一個是通過JQuery選擇器選擇我們想要控制的元素，第二個是改變它們的屬性和值。下面是我們的代碼：

$(document).ready(function(){
$('#light-on').click(function(){
$('body').css('background', 'white');
$('p').css('color', 'black');
$('#light-on').hide();
$('#light-off').show();
});
$('#light-off').click(function(){
$('body').css('background', 'black');
$('p').css('color', 'white');
$('#light-off').hide();
$('#light-on').show();
});
});

這段代碼中，我們給頁面上兩個id為“light-on”和“light-off”的元素綁定了點擊事件。第一個事件會把頁面背景改成白色，字體顏色改成黑色，同時隱藏“light-on”按鈕，顯示“light-off”按鈕。第二個事件則相反。這樣，我們就可以通過點擊按鈕來控制頁面關燈和開燈了。

以上是我們關燈效果的基本實現，當然你可以通過CSS和JQuery的其他方法來使效果更加完美和個性化。希望這篇文章能對你學習JQuery有所幫助。