使用原生js和jQuery实现表格的隔行变色

最新推荐文章于 2024-04-14 08:44:26 发布

JUN_WEB

最新推荐文章于 2024-04-14 08:44:26 发布

阅读量1.3k

点赞数

分类专栏： javascript jquery 文章标签： jquery javascript dom

本文链接：https://blog.csdn.net/JUN_WEB_YANG/article/details/78357005

版权

本文介绍了如何使用原生JavaScript和jQuery实现表格隔行变色的效果。原生js实现需要通过操作DOM元素来设置样式，而jQuery实现则更为简洁，只需两行代码。建议初学者多练习原生js，以更好地理解jQuery的本质。

摘要由CSDN通过智能技术生成

原生js实现表格隔行变色：利用原生js操作DOM元素
HTML：

<!DOCTYPE HTML>
<html>
<head>
<title>1. 使用节点树方式实现表格偶数行变色</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/3.css" />
<!--引入jQuery文件-->
<script src="./js/jquery-3.1.0.min.js"></script>
<style>.blue {
    background-color: #ccccff;}</style>
</head>
<body>
    <table id="data">
        <thead>
            <tr>
                <th>姓名</th>
                <th>工资</th>
                <th>入职时间</th>
                <th>操作</th>
            </tr>

最低0.47元/天解锁文章

JUN_WEB

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
使用原生js和jQuery实现表格的隔行变色

原生js实现表格隔行变色：利用原生js操作DOM元素 HTML：<!DOCTYPE HTML><html><head><title>1. 使用节点树方式实现表格偶数行变色</title><meta charset="utf-8" /><link rel="stylesheet" href="css/3.css" /><script src="./js
复制链接

扫一扫

专栏目录