jQuery判断元素是否存在的可靠方法
更新时间：2014年05月06日 09:51:14 作者：
这篇文章主要介绍了jQuery判断元素是否存在的可靠方法,需要的朋友可以参考下
最简单的办法是判断元素匹配长度
譬如HTML代码：
复制代码 代码如下:
<div class='mydiv'></div>
通常我们的做法是
复制代码 代码如下:
if($('.mydiv').length>0)
比较可靠且不会出错的做法是：
复制代码 代码如下:
if($('.mydiv').length && $('.mydiv').length>0)
return true;
使用传统javascript方法，如下：
复制代码 代码如下:
if(document.getElementById('div')) {
// 找到到对应元素
} else {
// 没有找到找到到对应元素
}
使用jQuery则比较简单，只需判断此元素的长度是否为0，如果为0则此元素不存在，代码如下：
复制代码 代码如下:
if ($("#div").length > 0){
// 找到对应id=div的元素，然后执行此块代码
}
甚至能找到组合元素，如下，我们找一个id定义为div的元素里面是否包含img，代码如下：
复制代码 代码如下:
if ($("#div img").length > 0){
// 找到对应id=div并且包含img的元素，然后执行此块代码
}
是不是很简单，大家可以尝试使用一下
相关文章
jQuery resize event监听DOM元素大小变化 ,即可以绑定window以外的元素大小的变化，支持回调函数！2016-02-02
html、css和jquery相结合实现简单的进度条效果实例代码
这篇文章主要介绍了html、css和jquery相结合实现简单的进度条效果的实例代码，这个进度条特别简单，首先html里面的话就是一个div里面嵌套一个div，然后写好想要的样式就行了，具有一定的参考借鉴价值，感兴趣的朋友一起看看吧2016-10-10
这篇文章主要介绍了jQuery、layer实现弹出层的打开、关闭功能,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了用jQuery的AJax实现异步访问、异步加载，jQuery的ajax异步实现数据交互的相关技巧,并提供了完整示例demo供读者参考,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了jQuery ready方法实现原理详解的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了jQuery移动页面开发中的触摸事件与虚拟鼠标事件的简单编写方法,jQuery是当今人气最高的Javascript库并被广泛应用于移动web的开发,需要的朋友可以参考下2015-12-12![前端开发部分总结[兼容性、DOM操作、跨域等]（持续更新）](//img.jbzj.com/images/xgimg/bcimg6.png)
在公司做这个项目已经6个多月了，总结一些问题，也算是抛砖引玉吧，希望更多的朋友一起分享一些技巧。2010-03-03
本文主要介绍了Jquery Easyui验证扩展，Easyui验证，Easyui校验，js正则表达式。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
下面就为大家带来一篇jquery对Json的各种遍历方法总结(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
这篇文章主要详细介绍了jQuery操纵DOM元素属性 attr()和removeAtrr()方法，非常的全面细致，在这里推荐给小伙伴们。2015-01-01
![前端开发部分总结[兼容性、DOM操作、跨域等]（持续更新）](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论