jQuery是一種常用的JavaScript庫，被廣泛用于Web開發中，它提供了豐富而簡潔的API，方便開發人員制作交互效果和動態頁面效果。在網頁中，圖片是非常常見的元素之一，而通過使用jQuery，我們可以給圖片添加一些特效，例如鼠標懸停時圖片旋轉。

下面我們來看一下如何使用jQuery實現鼠標懸停圖片旋轉的效果：

$(document).ready(function() {
$('img').hover(function() {
$(this).addClass('rotate');
}, function() {
$(this).removeClass('rotate');
});
});

代碼解釋：

首先，在document加載完成之后，我們使用hover()函數來綁定鼠標懸停和離開事件。當鼠標懸停在圖片上時，我們給圖片添加一個rotate類名，當鼠標移開時，我們移除該類名。接下來，我們可以使用CSS來定義rotate類，使得圖片在鼠標懸停時旋轉相應的角度：

.rotate {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
transition: all 1s ease-in-out;
}

代碼解釋：

我們定義了一個.rotate類，通過使用CSS3的transform屬性來控制圖片的旋轉，transition屬性則定義了旋轉過程的時間和動畫效果。

通過上面的代碼，我們就可以實現一個簡單的鼠標懸停圖片旋轉的效果，如果你想要更加豐富的效果，可以在CSS中加入其他的屬性，例如opacity（透明度）、scale（縮放）等等。另外，如果你想要圖片旋轉的速度更快或更慢，只需調整transition屬性中的時間即可。