当前位置:jQuery学习 > jQuery > jQuery判断元素是否存在

jQuery判断元素是否存在

时间:2010-08-09QQ群:116983258

在使用js过程中,我们常常需要判断一个对象是否存在。使用jQuery判断元素是否存在,非常的简单。对于一个jQuery对象,我们只需要用length属性即可判断元素是否存在。

<div id="divBody">
     <div id="divTest"><div>
</div>

上边是简单的html代码。

jQuery(document).ready(function() { 
    if (jQuery("#divTest").length > 0) { 
        jQuery("<img src='http://www.google.com.hk/intl/zh-CN/images/logo_cn.png' />").appendTo("#divTest"); 
    } 
    else { 
        if (jQuery("#divBody").length) { 
            jQuery("#divBody").append("<img src='http://www.google.com.hk/intl/zh-CN/images/logo_cn.png' />"); 
        } 
    } 
});

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

本篇主要说明了,jQuery中判断对象是否存在的一个简单的办法。如果对jQuery操作元素不是很了解,可以看看我前边关于jQuery操作元素的总结。

作者:jQuery学习
除非注明,jQuery学习网文章均为原创,转载时必须以链接形式标明本文地址。
本文地址:http://www.jquery001.com/jquery-check-elements-exist.html

大家说了些什么

  1. 1. Jquery学习 2011-01-06 14:43

    恩~~用size也可以的吧~~

    • 朋友的你 2011-01-06 23:06

      @Jquery学习 应该是可以的,不过我没有这么用过。

所有话题