手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery实现隔行变色的方法分析(对比原生JS)
jQuery实现隔行变色的方法分析(对比原生JS)
摘要:本文实例分析了jQuery实现隔行变色的方法。分享给大家供大家参考,具体如下:原生js:vartab=document.getElement...

本文实例分析了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');

jquery 方法选择器:

复制代码 代码如下:$('table tr').filter(':odd').css('background','orange').end().filter(':even').css('background','#abcdef');

有很多的方法 ,多学一点知识,少写一行代码。

希望本文所述对大家jQuery程序设计有所帮助。

【jQuery实现隔行变色的方法分析(对比原生JS)】相关文章:

jQuery仿gmail实现fixed布局的方法

JQuery中DOM实现事件移除的方法

jquery实现弹出层效果实例

jQuery实现转动随机数抽奖效果的方法

jquery实现的判断倒计时是否结束代码

jQuery构造函数init参数分析续

jQuery实现给页面换肤的方法

JQuery控制Radio选中方法分析

javascript获取select值的方法分析

js设置document.domain实现跨域的注意点分析

精品推荐
分类导航