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 相关文章推荐
fmt:formatDate的输出格式详解
Jan 09 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
Nov 13 Javascript
JavaScript 模块的循环加载实现方法
Dec 13 Javascript
JS动态加载脚本并执行回调操作
Aug 24 Javascript
浅谈angularjs依赖服务注入写法的注意点
Apr 24 Javascript
Angularjs自定义指令Directive详解
May 27 Javascript
基于vue cli重构多页面脚手架过程详解
Jan 23 Javascript
如何使用puppet替换文件中的string
Dec 06 Javascript
vue项目中将element-ui table表格写成组件的实现代码
Jun 12 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
Oct 17 Javascript
Vue 中获取当前时间并实时刷新的实现代码
May 12 Javascript
vue组件入门知识全梳理
Sep 21 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 和 MySQL 基础教程(一)
2006/10/09 PHP
php !function_exists(&quot;T7FC56270E7A70FA81A5935B72EACBE29&quot;))代码解密
2011/01/07 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
Fatal error: session_start(): Failed to initialize storage module: files问题解决方法
2014/05/04 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
asp 的 分词实现代码
2007/05/24 Javascript
JQuery开发的数独游戏代码
2010/10/29 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
2013/12/30 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
canvas实现爱心和彩虹雨效果
2017/03/09 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
2017/07/05 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
Javascript的this详解
2019/03/23 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
webpack HappyPack实战详解
2019/10/08 Javascript
JavaScript实现表单验证功能
2020/12/09 Javascript
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
Python异常学习笔记
2015/02/03 Python
python使用WMI检测windows系统信息、硬盘信息、网卡信息的方法
2015/05/15 Python
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
Python用K-means聚类算法进行客户分群的实现
2020/08/23 Python
Linux机考试题
2015/10/16 面试题
家长会学生家长演讲稿
2013/12/29 职场文书
秋天的雨教学反思
2014/04/27 职场文书
小学优秀教育工作者事迹材料
2014/05/09 职场文书
售后客服工作职责
2014/06/16 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
花田少年史观后感
2015/06/16 职场文书
学校教学管理制度
2015/08/06 职场文书