Javascript知识【jQuery样式操作&案例：jQuery隔行换色】
warning:
这篇文章距离上次修改已过440天，其中的内容可能已经有所变动。
// 首先，确保jQuery已经被引入
$(document).ready(function() {
// 通过:even选择器隔行选择元素，并为其添加class
$('tr:even').addClass('striped');
// 绑定事件处理器，当用户点击表头的任意一个单元格时，执行函数
$('th').on('click', function() {
// 使用jQuery的siblings()方法选择同级所有元素，并移除class
$('tr.striped').removeClass('striped');
// 使用jQuery的end()方法返回到原先选中的元素，并添加class
$('tr:even').end().addClass('striped');
});
});这段代码首先确保文档加载完成后执行代码块，然后通过:even选择器隔行选择表格行并添加指定的striped类。当用户点击表头时，移除已有的隔行颜色，并重新为偶数行添加隔行颜色。这是一个简单的示例，展示了如何使用jQuery来处理表格的样式更改。
评论已关闭