この記事では、インターレースの色変更を実現するための 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 selector:
$('table tr:odd').css('background','orange'); $('table tr:even').css('background','#abcdef');
jquery メソッド セレクター:
$('table tr').filter(':odd').css('background','orange').end().filter(':even').css('background','#abcdef');
メソッドはたくさんあります。知識が増えると、記述するコードが 1 行減ります。