<p>
<p>
使用jQuery 進行動態文字自訂
<p>使用jQuery 在Web 元素中加入互動性時,一項常見任務是修改懸停或其他事件時的文字外觀。本文介紹如何使用 jQuery 來變更文字顏色和大小。
<p>
使用jQuery 更改文字顏色
<p>要修改懸停時的文字顏色,請在jQuery mouseover 事件處理程序:
$(this).css('color', 'red');
登入後複製
<p>例如例如,如果您有以下HTML 元素:
<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中文網其他相關文章!