<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--什么是选择器?
jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素性和行为的处理。
选择器的优势?
与传统的JavaScript获取页面元素和便携食物相比,jQuery选择器具有明显的优势,具体表现在一下两个方面:
*代码更简单
*完善的检测机制
-->
<title></title>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<style type="text/css">
body{font-size:12px;text-align:center;}
#tbStu{width:260px;border:solid 1px #666;background-color:#eee}
#tbStu tr{line-height:23px;}
#tbStu tr th{background-color:#ccc;color:#fff}
#tbStu .trOdd{background-color:#fff}
</style>
<!-- 使用javaScript实现隔行变色-->
<!--
<script type="text/javascript">
window.onload = function () {
var oTb = document.getElementById("tbStu");
for (var i = 0; i < oTb.rows.length - 1; i++) {
if (i % 2) {
oTb.rows[i].className = "trOdd";
}
}
}
</script>
-->
<!-- 使用jQuery选择器实现隔行变色-->
<script type="text/javascript">
$(function () {
$('#tbStu tr:nth-child(even)').addClass('trOdd');
})
</script>
</head>
<body>
<table id="tbStu" cellpadding="0" cellspacing="0">
<tbody>
<tr><th>学号</th><th>姓名</th><th>性别</th><th>总分</th></tr>
<tr><td>001</td><td>张三</td><td>男</td><td>100</td></tr>
<tr><td>002</td><td>李四</td><td>女</td><td>100</td></tr>
<tr><td>003</td><td>王五</td><td>男</td><td>100</td></tr>
<tr><td>004</td><td>赵六</td><td>女</td><td>100</td></tr>
<tr><td>005</td><td>周七</td><td>男</td><td>100</td></tr>
<tr><td>006</td><td>王八</td><td>女</td><td>100</td></tr>
</tbody>
</table>
</body>
</html>
jQuery选择器实现隔行变色和使用javaScript实现隔行变色
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:jQuery中常用的函数方法
下一篇:模拟spring框架注入实现原理
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【CSS】第九讲:CSS基本选择器(1)
本文讲了部分CSS选择器
选择器 属性值 基本语法 -
益和热力选择 TDengine,实现智慧供热系统升级
近日,涛思数据与安阳益和热力集团有限公司达成合作协议,共同致力于推动智慧供热系统的建设和发展。
物联网 时序数据库 TDengine -
隔行变色
隔行变色Excel表的格子很多,为了避免把某行的数据和相邻行混淆,可以采用隔行变色的样式。 小明设计的样式为:第1行蓝色,
c语言 i++ 隔行变色 ios -
jquery隔行变色
我是中国人 我是中国人 我是中国人 我是中国人 我是中国人 我是中国人
隔行变色 css html javascript jquery -
JavaScript for循环实现表格隔行变色
本代码主要演示的是for循环,
html for循环 i++ 隔行变色 javascript -
jquery实现sku jquery实现表格隔行变色
JQuery以其简洁实用的特点深受开发人员的喜爱,呵呵,我也是才刚刚开始学习的,一来就体会到了这迷人的优势。下面就将自己在课堂上所学和一些新的思想写出来,大家共勉。 JQuery还是适合前台(客户端)开发一些,对于网页设计师也是很
jquery实现sku jquery function border javascript