隔行变色java代码_jquery入门—选择器实现隔行变色实例代码

1、JQuery选择器继承了CSS、path语音的部分语法,允许通过标签名、属性名、内容对DOM元素进行快速、准确的选择。

2、JQuery选择器与JavaScript相比,具有代码简单、完善的检测机制的优势。

3、使用JQuery选择器实现隔行变色,示例代码如下:

使用JQuery实现隔行变色

body{font-size:12px;text-align:center}

#tbStu{width:260px;border:solid 1px #666;background-color:#eee}

#tbStu tr{line-height:23px}

#tbStu tr th{background-color:#ccc;color:#fff}

#tbStu .trOdd{background-color:#fff}

$(function(){

$("#tbStu tr:nth-child(even)").addClass("trOdd");

})

学号姓名性别总分
1001张小明320
1002李明旗350

效果图如:

a883c1e873e9e5209277159249c779af.png 

4、使用JavaScript实现隔行变色的代码如下:

window.οnlοad=function(){

var oTb=document.getElementById("tbStu");

for(var i=0;i

if(i%2){

oTb.rows[i].className="trOdd";

}

}

}

JQuery实现隔行变色代码:

$(function(){

$("#tbStu tr:nth-child(even)").addClass("trOdd");

})

两者相比,明显JQuery代码更简单。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/533913.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python arduino c_从Python向Arduino LCD发送一个字符串

我想用python在arduinolcd16x2上显示一个字符串,但是我遇到了串行通信的问题。在以下是Arduino中运行的代码:Arduino代码#include LiquidCrystal lcd(8, 9, 4, 5, 6, 7);String stringa;const unsigned long TimeOut 10; // timeout 10 msString string…

如何实现软件的远程更新_手机免root终于也能实现远程控制了 这款国产软件真是越来越好用...

说到远程控制,大家或许可以说出好几个应用软件出来,比如Teamviewer、Anydesk、向日葵等等。其实,这些软件我都用过,但Teamviewer现在对个人用户经常宕机,Anydesk的功能又不够丰富,只有一个向日葵远程控制是…

角标越界 Java_【新人求助】利用占位符操作数据库是总是提示数组角标越界是怎么回事 - Java论坛 - 51CTO技术论坛_中国领先的IT技术社区...

用占位符和数组来操作数据库总是提示下角标越界,找了半天也没弄明白哪里有问题,这个地方是跟着云课堂老师的讲解做的,只不过操作的数据表不一样,但是老师那个就没问题,我就出了问题,如果有大神能帮忙看看&a…

简述ospf的工作原理_现代数字存储示波器的工作原理简述

示波器是一种用途十分广泛的电子测量仪器。俗话说,电是看不见摸不着的。但是示波器可以帮我们“看见”电信号,便于人们研究各种电现象的变化过程。所以示波器的核心功能,就和他的名字一样,是显示电信号波形的仪器,以供…

pyecharts 间距_高月双色球20108期:红球首尾间距参考29区段

双色球第2020108期奖号为:03 09 11 24 25 28 16,红球和值:100,重号2个:11 28,首尾间距:25。和值:上期和值为100,上升了22点,再次开出小和值,最近…

java类中声明log对象_用于Android环境,java环境的log打印,可打印任何类型数据

LogXixi用于Android环境,java环境的log打印,可打印任何类型数据,根据android项目环境debug环境自动打开,release环境自动关闭android环境log打印,规范bean对象,json,xml对应log,crash捕捉&#…

xbox手柄接收器驱动_xbox手柄连接 win10电脑

xbox手柄 连接win10笔记本 分为三种连接方式:有线蓝牙无线适配器首先说明一下连接方式的特点然后说明连接方式第一种:有线连接 手柄直接通过micro USB数据线和win10电脑连接。这一步最简单,一般电脑会自动安装驱动,连接之后可以使…

单片机复位后为什么要对sp重新赋值_51单片机系列之2点亮第一个led小灯

点亮led灯简单的理解就是要求阳极高电平阴极低电平。接下来我们去看看单片机的原理图,找到led 模块。如图可以看到led的阳极是连接的VCC(电源高电平)阴极连接的接口是单片机的I/O口P20到P27.要想led点亮只需控制单片机I/O口输出低电平即可(单片机I/O口默认高电平)。…

db2与mysql编目_DB2编目、联邦数据库 - Goopand's OS Space - OSCHINA - 中文开源技术交流社区...

一、两个数据库在不同的服务器上[环境描述]10.0.0.10:库名为 db_1010.0.0.17:库名为 db_17[需求描述]在db_17库中,跨库查询db_10库的表[操作步骤]1)在10.0.0.17数据库服务器,开启联邦支持db2 "update dbm cfg using federate…

关机时无人照管更新正在运行_无法抗拒的未来:无人叉车在内部物流中已成为现实...

自动化和半自动化的叉车不再是新奇的东西,在人力短缺的仓库中取得了进展。他们最终会成为规范吗?目前尚不知道全世界有多少辆无人驾驶叉车(也称为自动叉车、机器人叉车或者AGV)售出。但是叉车生产商都显示出,它在该领域的迅速增长。重要的是&#xff0c…

打开浏览器不是主页_对于360浏览器的一些小小改善

​虽然自己不怎么喜欢,但是以前小编的多数同事都在使用它,所以今天带来360安全浏览器改造的小建议。整理&排版 | idea君 ,预计阅读 | 4分钟文章意在学习交流分享,如有侵权请联系删除封面:http://www.pexels.com/zh…

c++ 二次开发 良田高拍仪_六枝特良田LYV-850加工中心导轨配套防护罩日常维修

六枝特良田LYV-850加工中心导轨配套防护罩日常维修我厂生产的防护罩质量可与原厂的一样,同样的保障,质保期为一年,护罩安装不合适支持退换货。尤其是元件连结的接合面刚度,对加工精度影响较大。通常,采用组合夹具时其尺…

atomikosdatasourcebean mysql_SpringBoot2整合JTA组件实现多数据源事务管理

一、JTA组件简介1、JTA基本概念JTA即Java-Transaction-API,JTA允许应用程序执行分布式事务处理,即在两个或多个网络计算机资源上访问并且更新数据。JDBC驱动程序对JTA的支持极大地增强了数据访问能力。XA协议是数据库层面的一套分布式事务管理的规范,JTA…

crt 8.7.3 黑暗模式_民谣缠绕厄运金属,抒情中的黑暗故事

2020/7/31,瑞典厄运/重金属乐队Dun Ringill,发表了新专辑“Library of Death”。“Library Of Death”是瑞典乐队Dun Ringill的第二张唱片,由The Order of Israfel、Doomdogs等成员发起。乐队的声音,介于重金属和厄运金属之间&…

前窗玻璃膜贴了一周还有气泡_关于车窗玻璃的养护你了解多少?

【中国皮卡网 维修保养】车窗玻璃的养护是最容易忽视的,但它也是非常重要的,虽然在用车过程中我们很少直接接触车窗玻璃,但是它却时时刻刻在影响着驾驶者。相信很多人会有洗车的习惯,洗好之后的车窗玻璃非常明亮,不仅仅…

c语言新龟兔赛跑_幽默 | 新龟兔赛跑

新龟兔赛跑作者 / 何必加自从输给了乌龟后,兔子心里很是生气。这一天,他又遇见了乌龟,要求和他比赛,一定要一雪前耻。乌龟答应了,并且约定连比三场。第一场还是兔子输了,原来他一着急,跑错了方向…

PHP无法执行MySQL语句,解决PHP执行批量MySQL语句的问题

这篇文章主要为大家详细介绍了解决PHP执行批量MySQL语句的问题,具有一定的参考价值,可以用来参考一下。感兴趣的小伙伴,下面一起跟随512笔记的小玲来看看吧!当有多条mysql语句连起来需要执行,比如$sqls “insert table…

bugku 杂项 就五层你能解开吗_长春老旧小区加装电梯,你家符合条件吗?_媒体_澎湃新闻...

新朋友戳蓝字关注我们哦!长春市老旧小区开始加装外置电梯大家都很关注很多市民也在想我家符合加装条件吗?能申请吗?伴随着长春市朝阳区3个老旧小区加装电梯工作的结束,这项惠民工程也成为了老百姓茶余饭后的谈资,那么大…

vba 指定列后插入列_Excle中的VBA介绍分享

SunYoung1、什么是VBAVisual Basic for Applications(VBA)是Visual Basic的一种 宏 语言,它能使常用的程序自动化,是针对Office开发的一种工具,通俗点讲,VBA是一种Excle能听懂识别的编程语言。2、在Excle中VBA的作用2.1、实现Exce…

php中文歌词,html如何制作滚动歌词

html制作滚动歌词的方法:首先在标签里面写好编码格式,引入css样式和jQuery;然后放置播放器,代码为【】。本教程操作环境:windows7系统、html5版,DELL G3电脑。html制作滚动歌词的方法:首先我们创…