1月23号学习jQuery(第81天的)

工作行为标准流程

1、通过笔和本子 来计入上司给于我的任务

2、向上司复述一遍任务的内容 和自己对这个任务的作法和询问上司任务的标准和一些细节计入下来

3、整理思路让自己的思路变的清晰要达到可以把自己的思路转化为代码成脑子里代码的程度

4、将你的思路里的代码注释先写出来这样可以更加完善和确定代码的作用和步骤

5、在谷歌 火狐 IE游览器下面都尝试一遍自己的程序是否都可以跑通不能的话在进行修改后在确认

6、当上面的全部写完后开始对自己的代码进行重构和优化 让代码看起来更舒服更优雅

7、重构完成之后在进行各个游览器的实验看是否可以跑通,不行在继续检查错误和问题检查错误和问题要仔细要没一个字母和反复不停的查错

8、提交给上司自己的任务

9、对自己完成任务后开始总结 整理自己先前的所有思路总结可以让自己更好的进步对自己的不足可以很快的认识到加以学习




1、实现一个拖跩功能,把任意一个图片随便拖

2、操作JSON和XML

3、实现隔行变色的表格

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EW"
"http://www.w3.org/TR/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--插入脚本 载入jquery-1.4.2.min.js文件 结束脚本-->
<script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
<!--定义样式-->
<style type="text/css">
<!--定义 body身体的尺寸 tbStu大小 和颜色 tbSut tr-->
body{font-size:12px;text-align:center}
#tbStu{width:260px;border:soild 1px #666;background-color:#eee}
#tbSut tr{line-heiht:23px}
#tbSut tr th{background-color:#ccc;color:#fff}
#tbSut .trOdd{background-color:#fff}
<!--结束定义样式-->
</style>
<!--脚本插入-->
<script type="text/javascript">
<!--创建函数-->
$(function()
{
<!--查询到tbStu tr nth-child(even) 分别匹配序号为奇数与偶数的元素 增加trOdd 设置颜色-->
$("tr:nth-child(odd)").css("background","#fff");
})
<!--结束脚本插入-->
</script>
</head>
<body>
<table id="tbStu" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th>学号</th><th>姓名</th><th>性别</th><th>总分</th>
</tr>
<tr>
<td>1001</td><td>张小明</td><td>男</td><td>320</td>
</tr>
<tr>
<td>1002</td><td>李明琪</td><td>女</td><td>350</td>
</tr>
<tr>
<td>1003</td><td>李名</td><td>男</td><td>400</td>
</tr>
</tbody>
</table>
</body>
</html>

猜你喜欢

转载自xjwolaile.iteye.com/blog/1774469