JQuery_ JQuery选择器 JQuery判断相应的节点是否存在

最新推荐文章于 2020-09-24 11:25:13 发布

高达一号

最新推荐文章于 2020-09-24 11:25:13 发布

阅读量1.9w

点赞数 3

分类专栏： JQuery基础知识

本文链接：https://blog.csdn.net/u010003835/article/details/51366175

版权

JQuery基础知识专栏收录该内容

10 篇文章 0 订阅

订阅专栏

有时候我们需要用选择器获取JQuery对象，并判断是否有满足条件的DOM节点存在

但是需要注意一点

由于 $(selector) 不论什么情况都会返回JQuery 对象，所以不能按照以下的方式判断节点是否存在

if($('#tt')){
            console.log("不能以 if($('#tt')) 这种方式判断DOM是否存在");
        }

需要按照下面的方式判断

正确做法

方式一

 if($('#dd.outClass').length >0){
            console.log("需要以 if($('#dd.outClass').length >0) 这种方式判断DOM是否存在");
        }

正确做法

方式二

if($('#dd.outClass')[0]){
            console.log("需要以 if($('#dd.outClass')[0]) 这种方式判断DOM是否存在");
        }

整体代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外部样式和内部样式的优先级</title>
    <link rel="stylesheet" href="css/testOutStyle.css"/>
    <style type="text/css">
        #dd{
            background-color: gold;
        }
    </style>
    <script src="js/jquery-1.11.3.js"></script>
</head>
<body>
    <div id="dd" class="outClass" style="width: 200px; height:400px;"></div>
    <script>
        if($('#tt')){
            console.log("不能以 if($('#tt')) 这种方式判断DOM是否存在");
        }
        if($('#dd.outClass').length >0){
            console.log("需要以 if($('#dd.outClass').length >0) 这种方式判断DOM是否存在");
        }
        if($('#dd.outClass')[0]){
            console.log("需要以 if($('#dd.outClass')[0]) 这种方式判断DOM是否存在");
        }
    </script>
</body>
</html>

高达一号

关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JQuery_ JQuery选择器 JQuery判断相应的节点是否存在

有时候我们需要用选择器获取JQuery对象，并判断是否有满足条件的DOM节点存在但是需要注意一点由于 $(selector) 不论什么情况都会返回JQuery 对象，所以不能按照以下的方式判断节点是否存在if($('#tt')){ console.log("不能以 if($('#tt')) 这种方式判断DOM是否存在");
复制链接

扫一扫

专栏目录