Bagaimana saya bisa mengubah warna teks dengan jQuery?

157

Ketika saya membawa teks dengan animasi pasti saya akan menggunakan jQuery. Apakah ada kode yang akan mengubah warna, atau ukuran?

jquery text Jorge
sumber
14
Catatan samping - gaya apa pun yang dapat Anda lakukan dengan CSS yang dapat Anda tangani dengan jQuery.
Corey Ballou

Jawaban:

305

Tempatkan yang berikut ini di mouseoverpengendali event jQuery Anda :

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

Untuk mengatur warna dan ukuran sekaligus:

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

Anda dapat mengatur atribut CSS apa pun menggunakan .css() fungsi jQuery .

Annabelle
sumber
@dan kedua pernyataan tersebut adalah sintaks yang valid: lihat api.jquery.com/css . (Dan mereka berdua bekerja ketika saya mencobanya.)
Carl Sharman
6

Atau Anda dapat melakukan hal berikut

$(this).animate({color:'black'},1000);

Tetapi Anda perlu mengunduh plugin warna dari sini .

Prog Mania
sumber
4

Saat ini, warna teks animasi termasuk dalam jQuery UI Effects Core. Cukup kecil. Anda dapat membuat unduhan khusus di sini: http://jqueryui.com/download - tetapi Anda tidak benar-benar membutuhkan apa pun selain inti efek itu sendiri (bahkan bukan inti UI), dan ia juga membawa fungsi pelonggaran yang berbeda.

Jonah
sumber