jquery 怎么样实现,点击一个表格(table)的 tr 时改变其背景颜色,点击下一个tr时,上一个tr背景变回原来的背景,当前点击的这个tr背景改变。
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的<script>标签,输入jquery代码:
$('td').click(function(){
if ($(this).css('background-color') === 'rgb(255, 0, 0)') {
$(this).css('background-color', 'white');
} else {
$(this).css('background-color', 'red');
}
});
3、浏览器运行index.html页面,点击td,背景颜色变为红色。
4、再次点击td,背景颜色变回了原先的白色。
参考资料:www.enozoom.com