会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132652个问题
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 38386楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="js/jquery-1.12.3.min.js"></script>
  <style>
    table tr td{
      width: 60px;
      height: 30px;
    }
/*    table tr:nth-child(2n+1) td:nth-child(2n+1){
      background-color: black;
    }
    table tr:nth-child(2n) td:nth-child(2n){
      background-color: black;
    }*/
  </style>
</head>
<body>
<table border="1px" align="center" cellspacing="0">
  <tr><td></td><td></td><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td><td></td><td></td></tr>
</table>
<script>
  // $('tr:odd td:odd').css('background-color','black');
   $('tr:eq(0) td:odd').css('background-color','black');
   $('tr:eq(2) td:odd').css('background-color','black');
   $('tr:eq(4) td:odd').css('background-color','black');
   $('tr:eq(1) td:even').css('background-color','black');
   $('tr:eq(3) td:even').css('background-color','black');
   $('tr:eq(5) td:even').css('background-color','black');
</script>
</body>
</html>

老师,您好

问题1:

image.png

我想达到表格这个效果,使用css代码

/*    table tr:nth-child(2n+1) td:nth-child(2n+1){
      background-color: black;
    }
    table tr:nth-child(2n) td:nth-child(2n){
      background-color: black;
    }*/

或者js代码

   $('tr:eq(0) td:odd').css('background-color','black');
   $('tr:eq(2) td:odd').css('background-color','black');
   $('tr:eq(4) td:odd').css('background-color','black');
   $('tr:eq(1) td:even').css('background-color','black');
   $('tr:eq(3) td:even').css('background-color','black');
   $('tr:eq(5) td:even').css('background-color','black');

都可以,老师使用css和js达到效果,有什么不同的使用条件么


问题二:

  // $('tr:odd td:odd').css('background-color','black');
   $('tr:eq(0) td:odd').css('background-color','black');
   $('tr:eq(2) td:odd').css('background-color','black');
   $('tr:eq(4) td:odd').css('background-color','black');
   $('tr:eq(1) td:even').css('background-color','black');
   $('tr:eq(3) td:even').css('background-color','black');
   $('tr:eq(5) td:even').css('background-color','black');

老师 我之前想使用后代元素来达到效果,就是我注释的第一行,效果是这样的,并不能达到想要的效果

image.png

想问问老师,js是想实现这个效果,代码能不能更简洁一点,我的这个太麻烦了,当表格更大的话,很不方便操作

   $('tr:eq(0) td:odd').css('background-color','black');
   $('tr:eq(2) td:odd').css('background-color','black');
   $('tr:eq(4) td:odd').css('background-color','black');
   $('tr:eq(1) td:even').css('background-color','black');
   $('tr:eq(3) td:even').css('background-color','black');
   $('tr:eq(5) td:even').css('background-color','black');

谢谢老师!

WEB前端全系列/第三阶段:jQuery编程模块/jQuery基础知识(旧) 38387楼
Python 全系列/第十四阶段:Python 爬虫开发/爬虫基础(旧) 38388楼
Python 全系列/第九阶段:Flask百战电商后台系统/Flask百战电商后台项目 38390楼
JAVA 全系列/第十四阶段:海量数据存储与查询/Sharding-jdbc 38391楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5 38393楼
JAVA 全系列/第一阶段:JAVA 快速入门/控制语句、方法、递归算法 38395楼

'''
创建TFTP服务器,进行下载文件的操作,需要使用到TFTP服务器软件
'''
from socket import *  # socket套接字在应用层和传输层之间进行传递数据
import struct  # 进行文件格式组织
from threading import Thread

# 构建向TFTP服务的请求数据包
fileName = 'AOY_8074.jpg'
severIp = '192.168.0.107'
cmdBag = struct.pack('!H12sb5sb',1,fileName.encode(),0,'octet'.encode(),0)
# 定义套接字对象,采用IPV4,UDP协议
udpSock = socket(AF_INET,SOCK_DGRAM)
# 向TFTP服务器发送请求数据包,第一次请求时的端口号是69
udpSock.sendto(cmdBag,(severIp,69))
# 创建一个同名的文件,a:以追加模式打开(必要时可以创建)append;b:表示二进制
f = open(fileName,'ab')
# 创建循环接收TFTP服务器返回的数据包
while True:
    # 接收服务器返回的数据包
    recvData = udpSock.recvfrom(1024)
    # 将返回的数据包中的内容进行转换,分别赋值给操作码,数据块,服务器的随机端口号
    caozuoma,dataBlock = struct.unpack('!HH',recvData[0][:4])
    serverPort = recvData[1][1]
    # 判断操作码为5时,服务器没有下载文件,跳出循环
    if caozuoma == 5:
        print('服务器无此文件……')
        break
    print(f'服务器返回信息,操作码:{caozuoma},块编号:{dataBlock},文件大小:{len(recvData)}')
    # 将接收的数据写入文件
    f.write(recvData[0][4:])
    # 判断文件下载是否完成,当字节数小于516时表示文件最后一次传输
    if len(recvData) < 516:
        print('文件下载完成')
        break
    # 将返回的ACK数据包进行格式组织,操作码4表示ACK的确认码
    ackBag = struct.pack('!HH',4,dataBlock)
    udpSock.sendto(ackBag,(severIp,serverPort))

老师我这个代码运行后,下载的图片只有2个字节。

Python 全系列/第三阶段:Python 网络与并发编程/网络通信 38396楼
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/易购商品后台管理系统 38397楼
JAVA 全系列/(旧的隐藏)第二十一阶段:百战商城项目(Spring Cloud最新架构)/百战商城项目 38400楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637