开始学习jQuery了,准备在博客上记录下来,就当做备忘!
表格隔行换色
HTML代码
<html>
<head>
<title>jQuery学习 第一部分</title>
<style type="text/css">
table{
border-collapse:collapse;
border-color: #7c7b81;
}
.odd{
background-color: #CFD0D4;
}
</style>
</head>
<body>
<table id="userTable" align="center" border="1">
<thead>
<tr>
<th>序号</th>
<th>用户名</th>
<th>角色</th>
<th>创建日期</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>admin</td>
<td>系统管理员</td>
<td>2010-09-08</td>
</tr>
<tr>
<td>1</td>
<td>admin</td>
<td>系统管理员</td>
<td>2010-09-08</td>
</tr>
<tr>
<td>1</td>
<td>admin</td>
<td>系统管理员</td>
<td>2010-09-08</td>
</tr>
<tr>
<td>1</td>
<td>admin</td>
<td>系统管理员</td>
<td>2010-09-08</td>
</tr>
<tr>
<td>1</td>
<td>admin</td>
<td>系统管理员</td>
<td>2010-09-08</td>
</tr>
</tbody>
</table>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#userTable tbody tr:odd").addClass("odd");
});
</script>
</body>
</html>
效果截图:
- 大小: 22.7 KB
分享到:
相关推荐
最新jquery-ui-1.11.2日期控件,官网下载内涵图片和自己添加的中文辅助jquery-ui-timepicker-zh-CN.js,经过本人测试绝对可以用,不知道怎么用的百度上找个例子即可,需要导入的包 ${ctx}/plugins/jquery-ui-1.11.2/...
jquery-weui-build查看例子请到dist\demos文件夹下进行浏览
jQuery-File-Upload的例子
jquery-validation-1.8.1里面有很多例子
jquery-easyui-1.2 版本 同时包含各种例子:datagrid,tree
jquery-ui-1.8.16 最新的jar包,包含了很多的例子,不错之选
包含例子 滑动整个图片 关键看CSS里的内容 JQUERY部分很简单
jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子
包含有基本控件的封装和动作,很全,代码很详细
jquery-starterkit JQUERY例子 jquery-starterkit JQUERY例子
jquery-ui的简单例子,下载后即可使用
jquery-textEllipsis-20110314
jquery-ui的一些例子,包括js文件,jquery的特效,表格的,对话框的,等等
jquery-easyui-1.4例子及js库
附加例子 博文链接:https://beeyon.iteye.com/blog/746038
整套的jquery ui实例,版本jquery ui1.8.16, jquery-easyui-1.2.2 自己做了一个异步动态加载树
JqueryUi使用例子。jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件
包含: Jquery-ui库 (官方) Jquery的一些特效例子 (共50个)
翻译过来的中文API做了最通俗易懂的说明,另外就是很多朋友建议我加上例子,我的建议是大家去下载最新的包,然后解压开以后看demo文件夹,在里面有所有控件的例子(看下图),你需要的示例代码直接打开示例文件,...
jQuery小例子源码 1.客户端事件的注入.Whindom.onload,jquery-->(document).ready(function(){内容}); 2.css样式表中的元素,类,元素ID是设置,及其就近原则,类高。 3.知道了,css中border属性,background-image...