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 相关文章推荐
基于jquery的checkbox下拉框插件代码
Jun 25 Javascript
iframe的父子窗口之间的对象相互调用基本用法
Sep 03 Javascript
javascript去掉前后空格的实例
Nov 07 Javascript
javascript中parseInt()函数的定义和用法分析
Dec 20 Javascript
JQuery实现级联下拉框效果实例讲解
Sep 17 Javascript
JavaScript多并发问题如何处理
Oct 28 Javascript
AngularJS入门教程之数据绑定原理详解
Nov 02 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
Javascript中字符串和数字的操作方法整理
Jan 22 Javascript
node.js博客项目开发手记
Mar 16 Javascript
apicloud拉起小程序并传递参数的方法示例
Nov 21 Javascript
详解VS Code使用之Vue工程配置format代码格式化
Mar 20 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处理换行符的问题 \r\n
2013/06/13 PHP
学习php设计模式 php实现模板方法模式
2015/12/08 PHP
详解WordPress中的头像缓存和代理中的缓存更新方法
2016/03/01 PHP
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
百度留言本js 大家可以参考下
2009/10/13 Javascript
javascript dom代码应用 简单的相册[firefox only]
2010/06/12 Javascript
jQuery中add()方法用法实例
2015/01/08 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
2015/02/02 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
浅析JavaScript中命名空间namespace模式
2016/06/22 Javascript
JavaScript实现的select点菜功能示例
2017/01/16 Javascript
浅谈vue2 单页面如何设置网页title
2017/11/08 Javascript
Angular利用trackBy提升性能的方法
2018/01/26 Javascript
Vue 创建组件的两种方法小结(必看)
2018/02/23 Javascript
ES6中字符串的使用方法扩展
2019/06/04 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
JavaScript undefined及null区别实例解析
2020/07/21 Javascript
原生JS实现九宫格抽奖
2020/09/13 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
python 文件与目录操作
2008/12/24 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
Python使用type动态创建类操作示例
2020/02/29 Python
Canvas与Image互相转换示例代码
2013/08/09 HTML / CSS
大学团支书的自我评价分享
2013/12/14 职场文书
学校门卫管理制度
2014/01/30 职场文书
函授毕业个人自我评价
2014/02/20 职场文书
德育标兵事迹材料
2014/08/24 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
民事诉讼代理授权委托书
2014/10/11 职场文书
商场营业员岗位职责
2015/04/14 职场文书
三八节活动简报
2015/07/20 职场文书
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL
使用RedisTemplat实现简单的分布式锁
2021/11/20 Redis
python 镜像环境搭建总结
2022/09/23 Python