欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

jquery判断为空 某元素是否存在

shiping1 的头像

$("#aaa")[0]  看它是否==null

if($("p")[0]!==null)
{
      alert('有id为aaa的元素');
}


if($("p")[0]!=null)
{
      alert('有id为aaa的元素');
}



 

jQuery判断元素是否存在方法总结

  • 作者:创新互联 文章来源:前端开发部 点击数:1427 更新时间:2008-08-24
  •   在jquery中判断元素是否存在我们可使用$(\"#div\").length > 0)来判断了,意思就是判断元素长度了,如果没有肯定是不存在的哦,下面我来介绍介绍。

    使用传统javascript方法,如下: 
     代码如下 复制代码 
    if(document.getElementById('div')) {    } else {          }
      
    使用jQuery则比较简单,只需判断此元素的长度是否为0,如果为0则此元素不存在, 
    jquery选择器获取element 无论element是否存在都将返回一个对象 
     代码如下 复制代码 
    var my_element=$(“#myId”);
      
    这里无论元素”myid”是否存在,my_element始终是一个object 
    使用下面的方法判断”myid”元素是否存在 
    代码如下: 
     代码如下 复制代码 
    if ($("#div").length > 0){     // 找到对应id=div的元素,然后执行此块代码 }
      
    甚至能找到组合元素,如下,我们找一个id定义为div的元素里面是否包含img,代码如下: 
     代码如下 复制代码 
    if ($("#div img").length > 0){     // 找到对应id=div并且包含img的元素,然后执行此块代码 }


    例子 
     代码如下 复制代码 

        
     

      
    上边是简单的html代码。 
     代码如下 复制代码 
    jQuery(document).ready(function() { 
        if (jQuery("#divTest").length > 0) { 
            jQuery("").appendTo("#divTest"); 
        } 
        else { 
            if (jQuery("#divBody").length) { 
                jQuery("#divBody").append(""); 
            } 
        } 
    });

    上边的代码展示了如何判断对象是否存在。程序的思路是:如果存在divTest这个div对象,则将google的logo图片置于ID为divTest的div中,否则将图片置于divBody中。在本例中,由于存在对象divTest,所以程序的最终结果将图片置于divTest中 
    附一些其它方法 

    第二种方法: 
     代码如下 复制代码 
    $(“#myId”).html(“abc”);

    如果myid不存在上面的代码也不会出错,只是不进行任何操作; 
     代码如下 复制代码 
    var data=$(“#myId”).html();

    如果myid不存在,data为null值 
     代码如下 复制代码 
    var data=$(“#myId”).val();

    如果myid不存在,data为undefined

    来自 http://www.cdxwcx.com/qianduan/jQuery/yuansu.html

 

普通分类: