• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> jQuery >> jQuery判断元素是否存在方法总结

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

• 作者：创新互联 文章来源：前端开发部 点击数： 更新时间：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
• jquery鼠标向下滚动(固定层位置) :上一篇
  jQuery tab插件使用说明 :下一篇