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

来源：互联网发布：若人欲了知三世一切佛编辑：程序博客网时间：2024/04/28 01:36

在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？ 后的结果：

0 0