JavaWeb04-HTML篇笔记（三）

1.1 案例二：表格隔行换色的案例：1.1.1 需求： 对数据的表格进行隔行换色的显示效果,使用JQuery完成该效果. 1.1.2 分析：1.1.2.1 技术分析： 【JQuery的选择器】 * 基本过滤选择器：     * odd        ：     * even        : 【JQuery中添加和移除样式】 * 如果样式没有事先定义,可以使用css方法为奇数行或者偶数行设置背景颜色. * 如果已经在css文件中事先将样式定义完成了,不能使用css方法了.使用JQ中的CSS类中的方法：     * addClass();     * removeClass(); 1.1.2.2 步骤分析： 【步骤一】：引入jquery的js 【步骤二】：在页面加载的函数中,选择奇数行,添加样式 【步骤三】：在页面加载的函数中,选择偶数行,添加样式 1.1.3 代码实现: <script> $(function(){ /*$("tr:odd").addClass("odd"); $("tr:even").addClass("even");*/ $("tbody tr:odd").addClass("odd"); $("tbody tr:even").addClass("even"); }); </script>