JQuery是一種常用的JavaScript庫，它具有強大的功能和易于使用的API，可以快速地完成網(wǎng)站開發(fā)中的許多重要任務(wù)。其中一個很有用的功能就是圖片旋轉(zhuǎn)90度。在這篇文章中，我們將介紹如何使用JQuery實現(xiàn)這個功能。

//獲取要旋轉(zhuǎn)的圖片的jQuery對象
var $img = $('#image');
//獲取當(dāng)前旋轉(zhuǎn)角度
var degree = $img.data('degree') || 0;
//設(shè)置旋轉(zhuǎn)角度
degree += 90;
//保存旋轉(zhuǎn)角度
$img.data('degree', degree);
//使用CSS3 transform實現(xiàn)旋轉(zhuǎn)
$img.css({
'-webkit-transform': 'rotate(' + degree + 'deg)',
'-moz-transform': 'rotate(' + degree + 'deg)',
'-ms-transform': 'rotate(' + degree + 'deg)',
'-transform': 'rotate(' + degree + 'deg)'
});

以上代碼使用了JQuery的常見方法來實現(xiàn)旋轉(zhuǎn)90度。首先，通過選擇器獲取要旋轉(zhuǎn)的圖片的jQuery對象。接著，使用.data()方法獲取當(dāng)前旋轉(zhuǎn)角度。然后，將旋轉(zhuǎn)角度增加90度，并使用.data()方法保存新的旋轉(zhuǎn)角度。最后，使用CSS3 transform屬性來實現(xiàn)旋轉(zhuǎn)效果。

總的來說，使用JQuery來實現(xiàn)圖片旋轉(zhuǎn)90度既簡單又方便。它可以幫助我們快速地完成網(wǎng)站開發(fā)中的許多常見任務(wù)。如果您還沒有嘗試過使用JQuery，我們建議您趕快開始學(xué)習(xí)并使用。通過熟練掌握JQuery，您將可以高效地完成網(wǎng)站開發(fā)中的許多重要任務(wù)。