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 实现Tab效果 思路是js思路
Mar 02 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
cookie.js 加载顺序问题怎么才有效
Jul 31 Javascript
深入理解javascript原型链和继承
Sep 23 Javascript
深入探寻javascript定时器
Jan 02 Javascript
JavaScript实现倒计时跳转页面功能【实用】
Dec 13 Javascript
JS完成画圆圈的小球
Mar 07 Javascript
jQuery操作DOM_动力节点Java学院整理
Jul 04 jQuery
ES6新增的math,Number方法
Aug 06 Javascript
JS实现的加减乘除四则运算计算器示例
Aug 09 Javascript
React Native之prop-types进行属性确认详解
Dec 19 Javascript
ionic使用angularjs表单验证(模板验证)
Dec 12 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 utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
2013/04/08 PHP
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
PHP获取redis里不存在的6位随机数应用示例【设置24小时过时】
2017/06/07 PHP
PHP APP微信提现接口代码
2018/09/30 PHP
如果文字过长,则将过长的部分变成省略号显示
2006/06/26 Javascript
EasySlider 基于jQuery功能强大简单易用的滑动门插件
2010/06/11 Javascript
JavaScript中的eval()函数详解
2013/08/22 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
jQuery实现美观的多级动画效果菜单代码
2015/09/06 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
jQuery居中元素scrollleft计算方法示例
2017/01/16 Javascript
工厂模式在JS中的实践
2017/01/18 Javascript
分析javascript中9 个常见错误阻碍你进步
2017/09/18 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
vue 项目引入echarts 添加点击事件操作
2020/09/09 Javascript
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
[11:33]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第二场
2018/04/06 DOTA
python爬虫入门教程--优雅的HTTP库requests(二)
2017/05/25 Python
Python日志模块logging基本用法分析
2018/08/23 Python
Python列表(List)知识点总结
2019/02/18 Python
Tensorflow 1.0之后模型文件、权重数值的读取方式
2020/02/12 Python
Python如何在DataFrame增加数值
2020/02/14 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
Django集成MongoDB实现过程解析
2020/12/01 Python
学会迭代器设计模式,帮你大幅提升python性能
2021/01/03 Python
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
行政经理岗位职责
2013/11/09 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
优秀毕业生自荐信
2014/06/10 职场文书
2014年党员学习“三严三实”思想汇报
2014/09/15 职场文书
资产运营委托书范本
2014/10/16 职场文书
董事长助理岗位职责
2015/02/11 职场文书
考试没考好检讨书
2015/05/06 职场文书
《艾尔登法环》Boss腐烂树灵很有可能是《黑暗之魂3》的一个废案
2022/04/11 其他游戏
Python线程池与GIL全局锁实现抽奖小案例
2022/04/13 Python