jQuery判断元素是否存在的可靠方法


Posted in Javascript onMay 06, 2014

最简单的办法是判断元素匹配长度

譬如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的元素,然后执行此块代码 
}

是不是很简单,大家可以尝试使用一下
Javascript 相关文章推荐
js 内存释放问题
Apr 25 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
JavaScript 表单处理实现代码
Apr 13 Javascript
全面理解JavaScript中的继承(必看)
Jun 16 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
Jan 21 Javascript
JavaScript正则获取地址栏中参数的方法
Mar 02 Javascript
jQuery实现拖动效果的实例代码
Jun 25 jQuery
JS数组交集、并集、差集的示例代码
Aug 23 Javascript
Vue插件打包与发布的方法示例
Aug 20 Javascript
微信小程序使用npm支持踩坑
Nov 07 Javascript
15 分钟掌握vue-next响应式原理
Oct 13 Javascript
使用p5.js临摹动态图片
Nov 04 Javascript
js图片自动轮播代码分享(js图片轮播)
May 06 #Javascript
简单的js图片轮换代码(js图片轮播)
May 06 #Javascript
jQuery is()函数用法3例
May 06 #Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
May 06 #Javascript
一些老手都不一定知道的JavaScript技巧
May 06 #Javascript
jQuery中的$.ajax()方法应用
May 06 #Javascript
jquery判断元素是否隐藏的多种方法
May 06 #Javascript
You might like
PHP批量生成缩略图的代码
2008/07/19 PHP
php中突破基于HTTP_REFERER的防盗链措施(stream_context_create)
2011/03/29 PHP
php更新mysql后获取影响的行数发生异常解决方法
2013/03/28 PHP
PHP反射使用实例和PHP反射API的中文说明
2014/07/02 PHP
JS中 用户登录系统的解决办法
2013/04/15 Javascript
javascript用户注册提示效果的简单实例
2013/08/17 Javascript
Javascript对象属性方法汇总
2013/11/21 Javascript
js函数定时器实现定时读取系统实时连接数
2014/04/30 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
jquery实现无限分级横向导航菜单的方法
2015/03/12 Javascript
js动态修改表格行colspan列跨度的方法
2015/03/30 Javascript
再谈JavaScript线程
2015/07/10 Javascript
js浏览器html5表单验证
2016/10/17 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
BootStrap Select清除选中的状态恢复默认状态
2017/06/20 Javascript
jQuery实现的淡入淡出图片轮播效果示例
2018/08/29 jQuery
详解vue 命名视图
2019/08/14 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
2019/09/25 Javascript
vue组件传值的实现方式小结【三种方式】
2020/02/05 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
[01:01:52]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第二场 1月9日
2021/03/11 DOTA
python类继承与子类实例初始化用法分析
2015/04/17 Python
浅谈Python3识别判断图片主要颜色并和颜色库进行对比的方法
2019/10/25 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
Python内置函数locals和globals对比
2020/04/28 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
Belvilla法国:休闲度假房屋出租
2020/10/03 全球购物
分解成质因数(如435234=251*17*17*3*2,据说是华为笔试题)
2014/07/16 面试题
室内设计实习自我鉴定
2013/09/25 职场文书
师范生实习个人的自我评价
2013/09/28 职场文书
工商管理毕业生推荐信
2013/12/24 职场文书
人力资源管理毕业求职信
2014/08/05 职场文书
世界地球日活动总结
2015/02/09 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书