天天看点

使用jquery怎么去检查一个元素是否存在

在jquery中,你能够使用.length属性来检测一个元素是否存在。如果元素存在,则length属性会返回所以匹配的元素的个数。

例如:

if($('#div1').length){      
        alert("Div1 exists");      
}else{      
        alert("Div1 does not exists");      
}      

此用来检测一个id为div1的元素是否存在。

Jquery length 例子

<html>      
<head>      
<scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>      
</head>      
<body>      
<h1>jQuery check if an element exists</h1>      
<scripttype="text/javascript">      
  $(document).ready(function(){      
    $("#buttonDiv1").click(function () {      
        if($('#div1').length){      
               alert("Div1 exists");      
        }else{      
               alert("Div1 does not exists");      
        }      
    });      
    $("#buttonDiv2").click(function () {      
        if($('#div2').length){      
               alert("Div2 exists");      
        }else{      
               alert("Div2 does not exists");      
        }      
    });      
  });      
</script>      
</head><body>      
<divid="div1">      
        <b>This is DIV element which has an ide of "div1"</b>      
</div>      
<br/>      
<br/>      
<br/>      
<inputtype='button'value='div1 exists?'id='buttonDiv1'>      
<inputtype='button'value='div2 exists?'id='buttonDiv2'>      
</body>      
</html>      
效果1:      
使用jquery怎么去检查一个元素是否存在
点击 div1 exists? 后的结果:      
使用jquery怎么去检查一个元素是否存在
点击div2 exists? 后的结果:      
使用jquery怎么去检查一个元素是否存在