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 localStorage实现本地缓存的方法
Jun 22 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 Javascript
node.js中的events.emitter.removeListener方法使用说明
Dec 10 Javascript
js实现仿Discuz文本框弹出层效果
Aug 13 Javascript
轻松搞定jQuery.noConflict()
Feb 15 Javascript
Google Maps基础及实例解析
Aug 06 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
react-native ListView下拉刷新上拉加载实现代码
Aug 03 Javascript
解读ES6中class关键字
Nov 20 Javascript
微信小程序模版渲染详解
Jan 26 Javascript
解决Vue+Element ui开发中碰到的IE问题
Sep 03 Javascript
element-ui组件table实现自定义筛选功能的示例代码
Mar 15 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 HTML无刷新提交表单
2016/04/05 PHP
一个简单安全的PHP验证码类 附调用方法
2016/06/24 PHP
PHP strcmp()和strcasecmp()的区别实例
2016/11/05 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
PHP 文件锁与进程锁的使用示例
2017/08/07 PHP
thinkPHP框架实现类似java过滤器的简单方法示例
2018/09/05 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
PHP7匿名类的用法示例
2019/04/05 PHP
Jquery 表单取值赋值的一些基本操作
2009/10/11 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
JS cookie中文乱码解决方法
2014/01/28 Javascript
JavaScript日期类型的一些用法介绍
2015/03/02 Javascript
JavaScript实现控制打开文件另存为对话框的方法
2015/04/17 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
深入理解javascript函数参数与闭包
2016/12/12 Javascript
微信小程序 登录的简单实现
2017/04/19 Javascript
浅析Node.js非对称加密方法
2018/01/29 Javascript
在vue中使用v-bind:class的选项卡方法
2018/09/27 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
基于JS实现父组件的请求服务过程解析
2019/10/14 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
解决Python中由于logging模块误用导致的内存泄露
2015/04/23 Python
浅谈Python中的可变对象和不可变对象
2017/07/07 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
Python实现的拟合二元一次函数功能示例【基于scipy模块】
2018/05/15 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
Elemis美国官网:英国的第一豪华护肤品牌
2018/03/15 全球购物
京东奢侈品:全球奢侈品牌
2018/03/17 全球购物
linux面试题参考答案(11)
2016/11/26 面试题
酒店办公室文员岗位职责
2013/12/18 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
学生检讨书如何写
2014/10/30 职场文书
消防宣传标语大全
2015/08/03 职场文书