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实现磁力图片跟随效果,结合完整实例形式分析了jQuery事件响应及animate方法实现带缓冲效果的图片跟随效果,需要的朋友可以参考下2016-09-09
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
jQuery.Autocomplete 是jquery的流行插件，能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能，支持ajax数据加载。2009-10-10
这篇文章主要介绍了jquery实现仿新浪微博评论滚动效果,基于jquery实现页面图文定时滚动效果,涉及jquery页面元素的遍历与样式的动态操作技巧,是一款经典的jquery滚动特效,非常具有实用价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jQuery实现切换字体大小的方法,实例分析了jQuery操作字体css样式的技巧,需要的朋友可以参考下2015-03-03
下面小编就为大家带来一篇JQuery 设置checkbox值二次无效的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
本文给大家介绍基于jquery代码实现的全选全不选反选实例代码，代码简单易懂，非常实用，感兴趣的一起学习吧2015-11-11
这篇文章主要为大家详细介绍了jQuery多选框选择数量限制方法，最多选择 三项 的上限已满, 其他选项将会变为不可选2017-02-02
这篇文章主要介绍了jQuery必不可少的小技巧，这些小技巧就像是创建的快捷方式，可以帮助大家快速开发，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要为大家详细介绍了jquery仿京东商品浏览页面，鼠标放在图片上实现放大效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要为大家详细介绍了基于jquery实现无限级树形菜单的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
最新评论