成都网站建设设计

将想法与焦点和您一起共享

jquery使表格变色

之前写了使用DOM操作来让表格变色  现在我们使用jquery可以更加方便。只用一行代码就可以完成对表格的操作。

“只有客户发展了,才有我们的生存与发展!”这是创新互联建站的服务宗旨!把网站当作互联网产品,产品思维更注重全局思维、需求分析和迭代思维,在网站建设中就是为了建设一个不仅审美在线,而且实用性极高的网站。创新互联对网站制作、成都做网站、网站制作、网站开发、网页设计、网站优化、网络推广、探索永无止境。

$("#table tbody tr:even").css("backgroundColor","#7FFFD4");
//获取id为table的元素,然后寻找tbody标签,在寻找索引值是偶数的tr元素,改变背景色

 $("#table tbody tr:odd").css("backgroundColor","#C1C1C1");
//获取id为table的元素,然后寻找tbody标签,在寻找索引值是奇数的tr元素,改变背景色

$("#table tbody tr:lt(1)").css("backgroundColor","#7FFFD4");
//获取索引小于1的tr不包括1

$("#table tbody tr:gt(1)").css("backgroundColor","#7FFFD4");
//获取索引大于1的tr不包括1

$("#table tbody tr:eq(1)").css("backgroundColor","#7FFFD4");
//获取索引等于1的tr
html代码:
 
           
             花褪残红青杏小
             燕子飞时,绿水人家绕
             枝上柳绵吹又少
             天涯何处无芳草
             墙里秋千墙外道
             墙外行人,墙里佳人笑
             笑渐不闻声渐悄,多情却被无情恼。
           
       

本文题目:jquery使表格变色
链接分享:http://chengdu.cdxwcx.cn/article/ihcips.html