本文實例分析了jQuery實作隔行變色的方法。分享給大家參考,如下:
原生js:
var tab = document.getElementByTagName('table')[0]; var tr = tab.getElementByTagName('tr'); for(var i=0;i<tr.length;i++){ if(i%2==0){ tr[i].style.background="orange"; }else{ tr[i].style.background="#abcdef"; } }
jquery dom選擇器:
$('table tr:odd').css('background','orange'); $('table tr:even').css('background','#abcdef');
知識,少寫一行程式碼。