jQuery实现隔行变色的方法分析(对比原生JS)
网络编程 2021-07-04 19:19www.168986.cn编程入门
这篇文章主要介绍了jQuery实现隔行变色的方法,结合实例形式对比原生JS实现隔行变色的相关技巧,给出了2种jQuery实现隔行变色的方法,需要的朋友可以参考下
本文实例分析了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程序设计有所帮助。
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指