jQuery의 인터레이스 색상 변경 구현 방법 분석(네이티브 JS와 비교)

이 기사에서는 인터레이스 색상 변경을 달성하기 위해 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');

다양한 메소드가 있으며 더 많은 지식을 배우고 더 적은 코드를 작성합니다.