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代码
Mar 26 Javascript
一个判断抢购时间是否到达的简单的js函数
Jun 23 Javascript
判断输入的字符串是否是日期格式的简单方法
Jul 11 Javascript
利用bootstrapValidator验证UEditor
Sep 14 Javascript
浅谈javascript中的事件冒泡和事件捕获
Dec 28 Javascript
AngularJs上传前预览图片的实例代码
Jan 20 Javascript
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
JavaScript使用readAsDataURL读取图像文件
May 10 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
Jun 19 Javascript
axios post提交formdata的实例
Mar 16 Javascript
javascript事件监听与事件委托实例详解
Aug 16 Javascript
深入浅出vue图片路径的实现
Sep 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
js和php邮箱地址验证的实现方法
2014/01/09 PHP
php调用新浪短链接API的方法
2014/11/08 PHP
php分页查询的简单实现代码
2017/03/14 PHP
thinkphp框架page类与bootstrap分页(美化)
2017/06/25 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
关于Javascript模块化和命名空间管理的问题说明
2010/12/06 Javascript
获取非最后一列td值并将title设为该值的方法
2013/10/30 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
js ajaxfileupload.js上传报错的解决方法
2016/05/05 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
2017/01/04 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
2018/02/28 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
2018/05/27 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
JavaScript使用ul中li标签实现删除效果
2019/04/15 Javascript
taro小程序添加骨架屏的实现代码
2019/11/15 Javascript
vue中v-for循环选中点击的元素并对该元素添加样式操作
2020/07/17 Javascript
[03:27]最受玩家喜爱奖提名:PZH_Element 致玩家寄语
2016/12/20 DOTA
[03:12]完美世界DOTA2联赛PWL DAY9集锦
2020/11/10 DOTA
python数字图像处理之骨架提取与分水岭算法
2018/04/27 Python
python tornado微信开发入门代码
2018/08/24 Python
python+openCV利用摄像头实现人员活动检测
2019/06/22 Python
python多线程使用方法实例详解
2019/12/30 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
基于Python3读写INI配置文件过程解析
2020/07/23 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
Html5实现首页动态视频背景的示例代码
2019/09/25 HTML / CSS
美国女孩洋娃娃店:American Girl
2017/10/24 全球购物
测绘工程个人的自我评价
2013/11/23 职场文书
培训主管岗位职责
2014/02/01 职场文书
2019辞职报告范本3篇!
2019/07/23 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server
springboot读取nacos配置文件
2022/05/20 Java/Android