如何使用 jQuery 動態變更文字顏色和大小？

<p>

<p>使用jQuery 進行動態文字自訂

<p>使用jQuery 在Web 元素中加入互動性時，一項常見任務是修改懸停或其他事件時的文字外觀。本文介紹如何使用 jQuery 來變更文字顏色和大小。

<p>使用jQuery 更改文字顏色

<p>要修改懸停時的文字顏色，請在jQuery mouseover 事件處理程序：

$(this).css('color', 'red');

<p>例如

例如，如果您有以下HTML 元素：

<p>

<p>

您可以新增jQuery 程式碼以將滑鼠懸停時的顏色變更為紅色，如下所示:

$('#text').mouseover(function() {
   $(this).css('color', 'red');
});

<p>同時修改顏色與大小

<p>

還可以同時調整多個CSS屬性。若要在懸停時變更文字顏色和大小，例如：

$(this).css({ 'color': 'red', 'font-size': '150%' });

<p>常規CSS 屬性操作

<p>

.css() jQuery 函數可讓您設定任何元素的CSS 屬性。這為動態自訂元素的外觀提供了極大的靈活性。

以上是如何使用 jQuery 動態變更文字顏色和大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！