jquery如何判断元素是否存在

时间：2024-02-25 12:53 分类：技术分享

本教程操纵境遇：windows7体例、jquery1.10.2版本、Dell G3电脑。

jquery遵照id判定元素是否存在的要领

1、经过id属性值获取指定元素

$("#id值")

会返回一个包罗指定元素的jQuery方向

2、利用length属性检测该jQuery方向是否存在

jQuery方向.length>0

length属性可以统计jquery方向中元素的个数

若是指定id元素存在，则元素个数会大于即是1若是个数即是0则，指定id元素不存在实现示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="js/jquery-1.10.2.min.js"></script>
        <style>
            div,p{
                display: block;
                border: 2px solid lightgrey;
                color: lightgrey;
                padding: 5px;
                margin: 15px;
            }
        </style>
 
        <script>
            $(document).ready(function() {
                $("button").on("click", function() {
                    var len=$("#box").length;
                    console.log("id元素存在，个数为："+len);
                    $("#box").css({
                        "color": "red",
                        "border": "2px solid red"
                    });
                });
            });
        </script>
    </head>
 
    <body class="ancestors">
        <div id="box">div元素</div>
        <p>p元素</p>
        <div>div元素</div>
        <button>id为“box”的元素是否存在</button>
    </body>
 
</html>

声明：

1、本博客不从事任何主机及服务器租赁业务，不参与任何交易，也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动，信息均摘自网络或来自服务商主动提供；所以对本博客提及的内容不作直接、间接、法定、约定的保证，博客内容也不具备任何参考价值及引导作用，访问者需自行甄别。

2、访问本博客请务必遵守有关互联网的相关法律、规定与规则；不能利用本博客所提及的内容从事任何违法、违规操作；否则造成的一切后果由访问者自行承担。

3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。

4、一旦您访问本博客，即表示您已经知晓并接受了以上声明通告。

本站资源仅供个人学习交流，请于下载后24小时内删除，不允许用于商业用途，否则法律问题自行承担。

jquery如何判断元素是否存在

你可能还喜欢这些内容：