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程序设计有所帮助。