jq之$(“tr:even“).css(“background-color“,“yellow“)

最新推荐文章于 2022-07-10 18:22:23 发布

无名`

最新推荐文章于 2022-07-10 18:22:23 发布

阅读量153

点赞数

分类专栏： java基础前端文章标签：前端 jq

本文链接：https://blog.csdn.net/wanggang182007/article/details/122376539

版权

java基础同时被 2 个专栏收录

124 篇文章 0 订阅

订阅专栏

前端

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jq之demo</title>
    <!--线上jq库-->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                /*$("tr:odd")偶数位置的tr元素，注意从0开始，所以标题也选上了*/
                $("tr:even").css("background-color","yellow");
            });
        });
    </script>
</head>
<body>
<h1>主页</h1>
<table border="1">
    <tr>
        <th>网站名</th>
        <th>网址</th>
    </tr>
    <tr>
        <td>百度</td>
        <td>https://www.baidu.com/?tn=40020637_4_oem_dg</td>
    </tr>
    <tr>
        <td>b站</td>
        <td>https://www.bilibili.com/</td>
    </tr>
    <tr>
        <td>csdn</td>
        <td><a href="https://blog.csdn.net/wanggang182007">无名csdn</a></td>
    </tr>
    <tr>
        <td>github</td>
        <td>https://github.com/trending/java?since=monthly</td>
    </tr>
    <tr>
        <td>gitee</td>
        <td>https://search.gitee.com/?skin=rec&type=repository&q=%E7%94%B5%E5%95%86</td>
    </tr>
</table>
<button>点我<button/>
</body>
</html>

无名`

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq之$(“tr:even“).css(“background-color“,“yellow“)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title>  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.
复制链接

扫一扫

专栏目录