首页 > 程序开发 > web前端 > JavaScript >

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

2016-05-11

有时候我们需要用选择器获取JQuery对象,并判断是否有满足条件的DOM节点存在 但是需要注意一点 由于 $(selector) 不论什么情况都会返回JQuery 对象, 所以不能按照以下的方式 判断节点是否存在 if($(&

有时候我们需要用选择器获取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是否存在");
        }

整体代码
<meta charset="UTF-8" />
<title></title>
<link href="css/testOutStyle.css" rel="stylesheet" />
<style type="text/css">
#dd{
            background-color: gold;
        }</style>
<script src="js/jquery-1.11.3.js"></script>
<div class="outClass" id="dd" style="width: 200px; height:400px;">&nbsp;</div>
<script>
        if($(&#39;#tt&#39;)){
            console.log("不能以 if($(&#39;#tt&#39;)) 这种方式判断DOM是否存在");
        }
        if($(&#39;#dd.outClass&#39;).length >0){
            console.log("需要以 if($(&#39;#dd.outClass&#39;).length >0) 这种方式判断DOM是否存在");
        }
        if($(&#39;#dd.outClass&#39;)[0]){
            console.log("需要以 if($(&#39;#dd.outClass&#39;)[0]) 这种方式判断DOM是否存在");
        }
    </script>

相关文章
最新文章
热点推荐