jQuery是一種流行的JavaScript庫，可以使網頁更加互動和動態。它有許多強大的功能，其中一個是使圖像變灰。這種效果可以用于許多不同的用途，例如當用戶將鼠標懸停在圖像上時，它可能變為灰色來表示某種反饋。

$(document).ready(function(){
$('img').hover(function(){
$(this).css('filter', 'grayscale(100%)');
},function(){
$(this).css('filter', 'grayscale(0%)');
});
});

以上代碼使用jQuery的hover函數。當鼠標進入圖像時，它將應用CSS屬性來將圖像灰度級設置為100％。當鼠標移出時，它將將灰度級設置回0％。如果您要更細粒度控制圖像的效果，可以將grayscale值更改為介于0和100之間的數字。

需要注意的是，這種效果只能適用于支持CSS濾鏡的瀏覽器。如果您的受眾群體包括老舊的瀏覽器，請考慮提供替代方案或考慮放棄灰度效果。此外，在生產環境中，請確保您的代碼不會影響到您不想灰度處理的圖像。