您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

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

时间:08-21来源:作者:点击数:

在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:

点击 div1 exists? 后的结果:

点击div2 exists? 后的结果:

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐