JavaWeb04-HTML篇笔记（三）

最新推荐文章于 2021-06-23 15:11:03 发布

czbkzmj

最新推荐文章于 2021-06-23 15:11:03 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVA

本文链接：https://blog.csdn.net/czbkzmj/article/details/80405782

JAVA 专栏收录该内容

476 篇文章

订阅专栏

本文介绍如何使用JQuery实现表格隔行换色的效果。通过分析技术细节和步骤，最终给出具体的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

czbkzmj

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

001-javaweb笔记.rar

12-11

本篇笔记将涵盖JavaWeb的核心知识点，为学习者提供系统化的学习资料。首先，JavaWeb开发的基础是理解Web的工作原理。Web服务器通过HTTP协议与客户端浏览器进行通信，用户在浏览器中输入网址后，浏览器会向服务器...

吴天雄--JavaWeb完整笔记.doc

12-06

这篇文档由吴天雄编写，包含九个主要模块，深入浅出地介绍了JavaWeb开发的关键技术。以下是对这些模块的详细解析：模块一：JavaWeb入门概念 1. JSP（JavaServer Pages）是一种动态网页技术，用于结合静态HTML和...

参与评论您还未登录，请先登录后发表或查看评论

java解析html form,JavaWeb04-HTML篇笔记（二）

weixin_29053067的博客

06-23

157

1.1 使用JQuery完成定时弹出广告：1.1.1 需求：之前使用的JS的方式完成定时弹出广告，现在使用JQuery完成同样的效果:![](https://s4.51cto.com/images/blog/201805/08/1943eb78eede763a8b281f655e42ee05.jpg?x-oss-process=image/watermark,size_16,text_QDUxQ1...

javaweb加载html页面,JavaWeb22-HTML篇笔记

weixin_39566914的博客

06-03

422

第21章WEB21-网上商城实战篇今日任务Ø 完成订单模块的功能1.1 我的订单查询:1.1.1 我的订单功能:登录后的用户点击【我的订单】查询该用户的所有的订单.* 提交到Servlet:第20章WEB20-网上商城实战篇今日任务Ø 完成购物模块的功能Ø 完成订单模块的功能1.1 购物模块的功能:1.1.1 需求:1.1.2 代码实现:1.1.2.1 封装实体封装实体：第19章WEB19-网上商...

web html介绍笔记,JavaWeb12-HTML篇笔记

weixin_34832150的博客

06-10

124

pageContext.setAttribute("n3","30");pageContext.setAttribute("n4","40");%>${n1+n2+n3}EL执行逻辑运算${n1${n1>n2}-${n1gtn2}${n1<=n2}-${n1len2}${n1>=n2}-${n1...

java 控制html代码,JavaWeb09-HTML篇笔记（三）

weixin_33783283的博客

06-20

168

JavaWeb09-HTML篇笔记(三)原创我是小谷粒2018-05-21 10:58:05©著作权©著作权归作者所有：来自51CTO博客作者我是小谷粒的原创作品，如需转载，请注明出处，否则将追究法律责任https://blog.51cto.com/u_13517854/21186161.1 案例二：登录成功以后5秒钟跳转到另一个页面.1.1.1 需求:在登录成功后,页面5秒钟跳转到其他的一个页面...

javaweb新建html,JavaWeb24-HTML篇笔记（一）

weixin_35253106的博客

06-10

146

第24章WEB24-Nginx篇1 Linux系统上安装JDK：1.1.1 安装步骤：1.1.1.1 卸载OpenJDK执行命令查看:l rpm –qa | grep java![](https://s4.51cto.com/images/blog/201806/12/049430050a8a728c86b9efef0814f9d1.png?x-oss-process=image/watermar...

html4与java混编,JavaWeb04-HTML篇笔记（四）

weixin_36035750的博客

06-18

131

1.1 案例四：使用JQuery完成省市二级联动:1.1.1 需求：在注册页面上籍贯的信息,需要用到省市联动效果.1.1.2 分析：1.1.2.1 技术分析:![](https://s4.51cto.com/images/blog/201805/09/fe392a3a518345925b89b8cd7bfb1af9.png?x-oss-process=image/watermark,size_16...

JavaWeb04-HTML篇笔记（二）

czbkzmj的博客

05-22

121

1.1 使用JQuery完成定时弹出广告：1.1.1 需求：之前使用的JS的方式完成定时弹出广告，现在使用JQuery完成同样的效果:1.1.2 分析1.1.2.1 技术分析：【JQuery的概述】? Ø 什么是JQuery: JQuery是一个JS的框架（JS的类库）.对传统的JS进行了封装. 现在企业的开发中往往不会使用传统的JS进行开发，通常都会使用JS框架进行开发. Ø JS的常用的框架:...

JavaWeb04-HTML篇笔记（四）

czbkzmj的博客

05-23

145

1.1 案例四：使用JQuery完成省市二级联动:1.1.1 需求：在注册页面上籍贯的信息,需要用到省市联动效果.1.1.2 分析：1.1.2.1 技术分析:【JQuery的DOM操作】* 常用的方法: * append(); ---在某个元素后添加内容. * appendTO(); ---...

JavaWeb04-HTML篇笔记（五）

czbkzmj的博客

05-23

185

1.1 案例五：下拉列表的左右选择：1.1.1 需求:在分类的修改的页面中,有某个分类下的所属的商品的信息.可以对这些商品信息进行选择.1.1.2 分析:1.1.2.1 技术分析：【JQuery的选择器】1.1.3 代码实现:传统的JS的方式进行实现: window.onload=function(){ // 添加到右侧: document.getElementById("addRight").o...

JavaWeb学习笔记分享(必看篇)

09-02

这篇笔记详细地讲解了在创建Web页面时会用到的HTML标签及其属性，涉及了页面内容结构化、视觉布局以及与用户的交互处理。掌握这些基础知识对任何希望深入学习Web开发的开发者来说都是必不可少的。

01-javaweb基础之html基础学习笔记

05-03

html基础知识，比如常用的标签、表格标签、表单标签、freamset框架、ifream内置框架标签

基于Go封装的openblas.zip

08-24

基于Go封装的openblas.zip

python39-winrm-0.4.3-1.el8.tar.gz

08-24

# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm

qgis-server-3.18.3-3.el8.tar.gz

08-24

# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm

起点中文网 go 客户端，基于网页版页面提取。.zip

08-24

起点中文网 go 客户端，基于网页版页面提取。.zip

精品推荐-2025数据治理实践峰会（脱敏）PPT合集.zip