学习进度

自古美人都是妖i 提交于 2020-02-09 14:14:41

今天通过观看老师分享的教学视频,基本上了解了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要简单的多。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!