Rumah > hujung hadapan web > tutorial js > jquery如何设置行不同的颜色

jquery如何设置行不同的颜色

coldplay.xixi
Lepaskan: 2020-11-18 10:58:43
asal
2866 orang telah melayarinya

jquery设置行不同的颜色的方法:使用设置even为奇数行,odd为偶数行不同颜色,代码为【$('#t1 > tbody tr:even').css('background','white');】。

jquery如何设置行不同的颜色

jquery设置行不同的颜色的方法:

假设table的id为:t1

even为奇数行,odd为偶数行

$(document).ready(function(){
  $('#t1 > tbody tr:even').css('background','white');
  $('#t1 > tbody tr:odd').css('background','#f1f5f8');
});
Salin selepas log masuk

效果如图:

a8c4a86860309b1f75fcebcd957abd9.png

相关免费学习推荐:JavaScript(视频)

Atas ialah kandungan terperinci jquery如何设置行不同的颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan