学习进度

今天通过观看老师分享的教学视频,基本上了解了jquery的用途以及简单的使用方法。今天学习了用jquery重做之前用Java script完成的表格的隔行换色操作。首先,只要用到jquery,我们就需要导入一个js库,其代码为:<script type="text/javascript" src="jquery-1.8.3.js"></script>。导入之后便可以使用jquery了。对表格的操作与之前一样,把表头和数据分别放在thead和tbody里面。然后编写script标签,与Java script不同,在jquery中函数的前面需要加上一个$符号:$(function(){});像这样把函数放在括号里面然后利用标签选择器来获取表格的偶数行,代码为:$("tbody tr:even")。然后对其修改背景颜色(黄色):$("tbody tr:even").css("background-color","yellow");。同样的方法,把表格的奇数设为绿色:$("tbody tr:odd").css("background-color","green");。这样便实现了表格的隔行换色,明显要比Java script要简单的多。

posted @ 2020-02-09 12:30  20183602  阅读(110)  评论(0编辑  收藏  举报