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对象数组按属性快速排序
Jan 31 Javascript
js文件缓存之版本管理详解
Jul 05 Javascript
JavaScript 表单处理实现代码
Apr 13 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
Oct 01 Javascript
jQuery基本选择器之标签名选择器
Sep 03 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
Oct 27 Javascript
微信小程序仿微信运动步数排行(交互)
Jul 13 Javascript
Node.js JSON模块用法实例分析
Jan 04 Javascript
微信小程序JS加载esmap地图的实例详解
Sep 04 Javascript
vue 自定义右键样式的实例代码
Nov 06 Javascript
vue路由的配置和页面切换详解
Sep 09 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控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
PHP HTML代码串截取代码
2008/12/29 PHP
PHP开发规范手册之PHP代码规范详解
2011/01/13 PHP
Yii框架在页面输出执行sql语句以方便调试的实现方法
2014/12/24 PHP
PHP实现在线阅读PDF文件的方法
2015/06/17 PHP
php实现分页显示
2015/11/03 PHP
php通过smtp邮件验证登陆的方法
2016/05/11 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
javascript学习网址备忘
2007/05/29 Javascript
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
JQuery 学习技巧总结
2010/05/21 Javascript
基于NodeJS的前后端分离的思考与实践(五)多终端适配
2014/09/26 NodeJs
jQuery取消ajax请求的方法
2015/06/09 Javascript
jQuery对JSON数据进行排序输出的方法
2015/06/24 Javascript
jQuery实现字体颜色渐变效果的方法
2017/03/29 jQuery
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
react-native封装插件swiper的使用方法
2018/03/20 Javascript
动态加载JavaScript文件的3种方式
2018/05/05 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
Python的Bottle框架中获取制定cookie的教程
2015/04/24 Python
python实现的简单FTP上传下载文件实例
2015/06/30 Python
Ubuntu 下 vim 搭建python 环境 配置
2017/06/12 Python
学习python可以干什么
2019/02/26 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
使用tensorflow框架在Colab上跑通猫狗识别代码
2020/04/26 Python
使用TensorBoard进行超参数优化的实现
2020/07/06 Python
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
大学生毕业求职的自我评价
2013/09/29 职场文书
购房协议书范本
2014/04/11 职场文书
忠诚教育心得体会
2014/09/03 职场文书
十八大标语口号
2014/10/09 职场文书
自查自纠工作情况报告
2014/10/29 职场文书
2014年卫生院工作总结
2014/12/03 职场文书
运动会开幕式致辞
2015/07/29 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书