菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
24
0

jQuery :empty怎么用?

原创
05/13 14:22
阅读数 819


jQuery :empty怎么用?

作用::empty 选择器选取空的元素。空元素指的是不包含子元素或文本的元素。

语法:$(":empty")

(推荐学习:jQuery 教程手册

jquery :empty选择器 示例

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script src="./jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                // 给空元素设置背景颜色
                $(":empty").css("background-color", "#B2E0FF");
            });
        </script>
    </head>
    <body>
<h1>Welcome to My Web Page</h1>

        <table>
            <tr>
                <th>Id</th>
                <th>LastName</th>
                <th>FirstName</th>
                <th>Address</th>
                <th>City</th>
            </tr>
            <tr>
                <td>1</td>
                <td></td>
                <td>John</td>
                <td>Oxford Street</td>
                <td></td>
            </tr>
            <tr>
                <td>2</td>
                <td>Bush</td>
                <td>George</td>
                <td></td>
                <td>New York</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Carter</td>
                <td>Thomas</td>
                <td>Changan Street</td>
                <td>Beijing</td>
            </tr>
            <tr>
                <td>4</td>
                <td>Obama</td>
                <td></td>
                <td>Pennsylvania Avenue</td>
                <td>Washington</td>
            </tr>
        </table>
    </body>

</html>

脚本执行前:

Snipaste_2019-12-30_17-35-56.jpg

脚本执行后:

Snipaste_2019-12-30_17-36-07.jpg

发表评论

0/200
24 点赞
0 评论
收藏
为你推荐 换一批