jQuery判断对象是否存在的方法整理
更新时间：2023年06月05日 12:13:09 作者：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程序设计有所帮助。
相关文章
这篇文章主要为大家详细介绍了jQuery过滤选择器经典应用，具有一定的实用性，感兴趣的小伙伴们可以参考一下2016-08-08
jquery 为a标签绑定click事件，当被点击时执行一些动作，示例代码如下，需要的朋友可以参考参考2014-06-06
这篇文章主要介绍了基于jQuery插件jqzoom实现的图片放大镜效果,结合实例形式分析了jQuery插件jqzoom的使用方法与相关注意事项,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了jQuery中:gt选择器用法,实例分析了:gt选择器的功能、定义及匹配大于给定索引值元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-12
JQuery与Ajax常用代码实现对比，大家可以看下，根据实际情况选用。2009-10-10
这篇文章主要介绍了jQuery+Cookie实现切换皮肤功能,结合完整实例形式分析了jQuery结合cookie动态变换页面元素样式的相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下2018-03-03
这篇文章主要介绍了jquery操作 iframe的方法,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了jQuery树插件zTree的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了jquery实现的横向二级导航效果代码,可实现鼠标滑过导航出现下拉菜单切换的效果,非常简洁自然,涉及jquery鼠标hover事件及页面元素样式的动态改变技巧,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jQuery实现默认是闭合的FAQ展开效果菜单,涉及jQuery中slideUp及slideDown用法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
最新评论