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 相关文章推荐
爱恋千雪-US-AscII加密解密工具(网页加密)下载
Jun 06 Javascript
JQuery 选择器 xpath 语法应用
May 13 Javascript
js中的如何定位固定层的位置
Jun 15 Javascript
javascript表格的渲染组件
Jul 03 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
JavaScript 冒泡排序和选择排序的实现代码
Sep 03 Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
Dec 07 Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
Sep 17 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翻页类
2009/06/01 PHP
PHP5中虚函数的实现方法分享
2011/04/20 PHP
PHP的switch判断语句的“高级”用法详解
2014/10/01 PHP
php编写的一个E-mail验证类
2015/03/25 PHP
PHP+Ajax实时自动检测是否联网的方法
2015/07/01 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
tp5框架基于Ajax实现列表无刷新排序功能示例
2020/02/10 PHP
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
简单的JS时钟实例讲解
2016/01/13 Javascript
js select实现省市区联动选择
2020/04/17 Javascript
angular分页指令操作
2017/01/09 Javascript
jquery获取select,option所有的value和text的实例
2017/03/06 Javascript
手把手教你把nodejs部署到linux上跑出hello world
2017/06/19 NodeJs
vue 设置路由的登录权限的方法
2018/07/03 Javascript
在vue+element ui框架里实现lodash的debounce防抖
2019/11/13 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
2020/12/14 NodeJs
Python脚本实现集群检测和管理功能
2015/03/06 Python
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
Python之日期与时间处理模块(date和datetime)
2017/02/16 Python
python单例模式获取IP代理的方法详解
2018/09/13 Python
python计算n的阶乘的方法代码
2019/10/25 Python
python3 图片 4通道转成3通道 1通道转成3通道 图片压缩实例
2019/12/03 Python
Python装饰器的应用场景代码总结
2020/04/10 Python
解决导入django_filters不成功问题No module named 'django_filter'
2020/07/15 Python
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
测控技术与仪器个人求职信范文
2013/12/30 职场文书
简历自我评价怎么写好呢?
2014/01/04 职场文书
募捐倡议书
2014/04/14 职场文书
公司优秀员工获奖感言
2014/08/14 职场文书
导师鉴定意见
2015/06/05 职场文书
红色经典观后感
2015/06/18 职场文书
优秀乡村医生事迹材料(2016精选版)
2016/02/29 职场文书