首頁  >  文章  >  php教程  >  jQuery實作隔行變色的方法分析(比較原生JS)

jQuery實作隔行變色的方法分析(比較原生JS)

高洛峰
高洛峰原創
2016-12-06 14:30:571382瀏覽

本文實例分析了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選擇器:

$(&#39;table tr:odd&#39;).css(&#39;background&#39;,&#39;orange&#39;);
$(&#39;table tr:even&#39;).css(&#39;background&#39;,&#39;#abcdef&#39;);

 知識,少寫一行程式碼。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn