jquery

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > jquery > jQuery判断对象是否存在

jQuery判断对象是否存在的方法整理

作者:whazhl

这篇文章主要介绍了jQuery判断对象是否存在的方法,对比分析了纯javascript与jQuery实现判断对象是否存在的功能区别,是非常实用的技巧,需要的朋友可以参考下

本文实例讲述了jQuery判断对象是否存在的方法。分享给大家供大家参考。具体如下:

一、传统Javascript的写法

obj = document.getElementById("someID"); 
if (obj){ 
   obj.innerText("hi"); 
} 

在jQuery中,var obj = $("#id")无论id这个控件是否存在,都是返回object,这样可就无法使用if(obj)来判断这个控件是否存在了

二、jQuery判断对象是否存在

jQuery的length属性

jQuery提供了一种简单的方法来判断对象是否存在,即使用jQuery的length属性,它可以用来检查jQuery对象中的元素数量,如果对象存在,length属性返回的值将大于0,如果对象不存在,length属性返回的值将为0。

if ($('#content').length > 0) {
//如果大于0 标识 id 为target_obj_id的对象存在,否则不存在 
   //对象存在的处理逻辑 
} else { 
   //对象不存在的处理逻辑 
}

jQuery的size()方法

jQuery还提供了另一种判断对象是否存在的方法,即使用jQuery的size()方法,它返回的是jQuery对象中元素的数量,如果对象存在,size()方法返回的值将大于0,如果对象不存在,size()方法返回的值将为0。

// 例如:
if ($("#content").size() > 0) {
    // 对象存在
} else {
    // 对象不存在
}

jquery的[0]元素

if ($('#content')[0]) { 
  //对象存在的处理逻辑 
} else { 
  //对象不存在的处理逻辑 
}

jQuery的is()方法

jQuery还提供了另一种更高级的判断对象是否存在的方法,即使用jQuery的is()方法,它可以用来检查jQuery对象是否存在,如果对象存在,is()方法返回的值将是true,如果对象不存在,is()方法返回的值将是false。

// 例如:
if ($("#content").is(':visible')) {
    // 对象存在
} else {
    // 对象不存在
}

效果图

希望本文所述对大家的jQuery程序设计有所帮助。

您可能感兴趣的文章:
阅读全文