手机
当前位置:查字典教程网 >编程开发 >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预加载图片的方法

JQuery实现动态添加删除评论的方法

jQuery实现html表格动态添加新行的方法

javascript实现动态改变层大小的方法

jQuery仿gmail实现fixed布局的方法

jQuery实现鼠标经过图片变亮其他变暗效果

JQuery+CSS实现图片上放置按钮的方法

js实现键盘Enter键提交表单的方法

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

jquery实现图片左右切换的方法

精品推荐
分类导航