码迷,mamicode.com
首页 > 编程语言 > 详细

JavaWeb04-HTML篇笔记(三)

时间:2018-05-08 11:14:17      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:Java

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>

JavaWeb04-HTML篇笔记(三)

标签:Java

原文地址:http://blog.51cto.com/13517854/2113860

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!