多平台统一管理软件接口,如何实现多平台统一管理软件接口
243
2023-04-16
使用JQ完成表格隔行换色的简单实例
1、步骤分析:
第一步:引入jquery的类库
第二步:直接写页面加载函数
第三步:直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行)
第四步:分别使用css的方法(css(name,value))对奇数行和偶数行设置背景颜色。
2、具体代码实现:
//1.页面加载
$(function(){
//2.获取tbody下面的偶数行并设置背景颜色
$("tbody tr:even").css("background-color","gold");
//3.获取tbody下面的奇数行并设置背景颜色
$("tbody tr:odd").css("background-color","pink");
});
编号 姓名 年龄
3、真正开发时一般CSS样式已经由美工写好,此时可以使用jquery的CSS类操作
具体代码如下:
//1.页面加载
$(function(){
//2.获取tbody下面的偶数行并设置背景颜色
$("tbody tr:even").addClass("even");
//3.获取tbody下面的奇数行并设置背景颜色
$("tbody tr:odd").addClass("odd");
});
编号 姓名 年龄
&http://lt;/tbody>
在谷歌浏览器内运行,就实现了表格隔行换色的效果。
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~