Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menukar warna latar belakang td dengan jquery

Bagaimana untuk menukar warna latar belakang td dengan jquery

WBOY
WBOYasal
2021-11-16 11:44:053233semak imbas

Dalam jquery, anda boleh menggunakan kaedah css() untuk menukar warna latar belakang sel td Anda hanya perlu menggunakan kaedah css() untuk menambah gaya latar belakang kepada elemen td "td object.css( 'latar belakang', 'nilai warna');".

Bagaimana untuk menukar warna latar belakang td dengan jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.0, komputer Dell G3.

Cara menukar warna latar belakang td dengan jquery

1 Cipta fail html baharu, bernama test.html, untuk menerangkan caranya untuk menggunakan jquery Tukar warna latar belakang sel. Dalam fail test.html, gunakan teg jadual untuk membuat jadual dengan dua baris dan dua lajur untuk ujian.

Dalam fail test.html, tetapkan id teg jadual kepada ftable, yang digunakan untuk mendapatkan objek jadual di bawah. Dalam fail test.html, gunakan teg butang untuk mencipta butang, ikat acara onclick pada butang dan apabila butang itu diklik, laksanakan fungsi setTdBg().

Bagaimana untuk menukar warna latar belakang td dengan jquery

2 Dalam teg js, cipta fungsi setTdBg() dalam fungsi, dapatkan objek sel td melalui id dan nama elemen, dan gunakan css(. ) kaedah untuk menetapkan latar belakang untuk menukar warna latar belakang sel.

Bagaimana untuk menukar warna latar belakang td dengan jquery

Buka fail test.html dalam penyemak imbas, klik butang untuk melihat kesannya.

Bagaimana untuk menukar warna latar belakang td dengan jquery

Gunakan teg jadual untuk mencipta jadual dengan dua baris dan dua lajur. Dalam js, tukar warna latar belakang sel dengan mendapatkan objek sel td dan tetapkan atribut latar belakang menggunakan kaedah css(). Kaedah

css() menetapkan atau mengembalikan satu atau lebih sifat gaya elemen yang dipilih dan juga boleh menetapkan sifat CSS yang ditentukan.

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Video Pengaturcaraan! !

Atas ialah kandungan terperinci Bagaimana untuk menukar warna latar belakang td dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn